:root{--color-snow:#f8fafc;--color-ice-blue:#e0f2fe;--color-slate:#cbd5e1;--color-mountain-base:#94a3b8;--color-alpine-green:#34d399;--color-sunset:#fb923c;--color-night:#0f172a;--color-deep-forest:#064e3b;--color-bg:var(--color-snow);--color-text:#0f172a;--color-border:#475569;--color-surface:#fff;--color-surface-hover:#f1f5f9;--color-text-muted:#64748b;--theme-primary:var(--color-sunset);--theme-primary-dark:#ea580c;--theme-sidebar:var(--color-ice-blue);--font-mono:"Space Mono", monospace;--font-sans:"Inter", sans-serif;--text-xs:clamp(.7rem, 1vw, .75rem);--text-sm:clamp(.8rem, 1.25vw, .9rem);--text-base:clamp(.95rem, 1.5vw, 1rem);--text-lg:clamp(1.1rem, 2vw, 1.25rem);--text-xl:clamp(1.25rem, 2.5vw, 1.5rem);--text-2xl:clamp(1.5rem, 3.5vw, 2rem);--text-3xl:clamp(2rem, 5vw, 2.5rem);--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--border-width:3px;--border-radius:0;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--shadow-sm:4px 4px 0 var(--color-text);--shadow-md:6px 6px 0 var(--color-text);--shadow-lg:8px 8px 0 var(--color-text)}[data-theme=dark]{--color-bg:var(--color-night);--color-text:#f8fafc;--color-border:#334155;--color-surface:#1e293b;--color-surface-hover:#334155;--color-text-muted:#94a3b8;--theme-primary:#38bdf8;--theme-primary-dark:#0ea5e9;--theme-sidebar:#0b0f19;--shadow-sm:4px 4px 0 #000;--shadow-md:6px 6px 0 #000;--shadow-lg:8px 8px 0 #000;--blend-mode:screen}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:var(--color-night);--color-text:#f8fafc;--color-border:#334155;--color-surface:#1e293b;--color-surface-hover:#334155;--color-text-muted:#94a3b8;--theme-primary:#38bdf8;--theme-primary-dark:#0ea5e9;--theme-sidebar:#0b0f19;--shadow-sm:4px 4px 0 #000;--shadow-md:6px 6px 0 #000;--shadow-lg:8px 8px 0 #000}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:20px}::selection{background-color:var(--color-primary);color:var(--color-bg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border:2px solid var(--color-bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}body{font-family:var(--font-sans);color:var(--color-text);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base), color var(--transition-base);background-color:#0000;line-height:1.6;overflow-x:hidden}:focus-visible{outline:2px solid var(--theme-primary);outline-offset:4px;box-shadow:0 0 0 6px color-mix(in srgb, var(--theme-primary) 30%, transparent);border-radius:4px;transition:outline-offset .2s,box-shadow .2s}.skip-link{background:var(--theme-primary);color:var(--color-text);z-index:1000;transition:top var(--transition-fast);padding:8px;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}iframe,video,embed,object{max-width:100%;height:auto}@media (hover:none) and (pointer:coarse){.btn,.nav-link,.social-link,.filter-btn,.project-btn,.icon-btn{min-width:44px;min-height:44px}}.mountain-bg{z-index:-1;pointer-events:none;background-image:url(https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?q=80&w=2670&auto=format&fit=crop);background-position:50%;background-size:cover;width:100vw;height:100vh;transition:background-image .5s ease-in-out;position:fixed;top:0;left:0;overflow:hidden}@media (width<=768px){.mountain-bg{background-position:50% 30%}}.mountain-bg.time-dawn{background-image:url(https://images.unsplash.com/photo-1616084042851-177ea102c7fb?q=80&w=2670&auto=format&fit=crop)}.mountain-bg.time-day{background-image:url(https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?q=80&w=2670&auto=format&fit=crop)}.mountain-bg.time-dusk{background-image:url(https://images.unsplash.com/photo-1549463901-d79e6022e37f?q=80&w=2670&auto=format&fit=crop)}.mountain-bg.time-night,[data-theme=dark] .mountain-bg:not(.time-dawn):not(.time-dusk):not(.time-day):not(.time-night){background-image:url(https://images.unsplash.com/photo-1519681393784-d120267933ba?q=80&w=2670&auto=format&fit=crop)}.mountain-overlay{background:#f8fafc73;transition:background .5s ease-in-out;position:absolute;inset:0}[data-theme=dark] .mountain-overlay{background:#0f172a8c}.shooting-stars{z-index:1;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0;transform:rotate(45deg)}.star{filter:drop-shadow(0 0 6px #fff);background:linear-gradient(-45deg,#fff,#fff0);border-radius:999px;height:2px;animation:3s ease-in-out infinite tail,3s ease-in-out infinite shooting;position:absolute}@keyframes tail{0%{width:0}30%{width:100px}to{width:0}}@keyframes shooting{0%{transform:translate(0)}to{transform:translate(800px)}}.floating-theme-toggle{background-color:var(--color-surface);width:56px;height:56px;color:var(--theme-primary);border:var(--border-width) solid var(--color-border);cursor:pointer;z-index:9999;transition:transform var(--transition-bounce), box-shadow var(--transition-bounce), background-color var(--transition-base), color var(--transition-base);border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 15px #0003}.floating-theme-toggle:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000004d}.floating-theme-toggle:active{transform:translateY(2px)scale(.96);box-shadow:0 2px 10px #0003}@media (width<=768px){.floating-theme-toggle{width:48px;height:48px;bottom:90px;right:20px}}@media (pointer:fine){.cursor-outline{border:2px solid color-mix(in srgb, var(--theme-primary) 50%, transparent);pointer-events:none;z-index:9999;width:30px;height:30px;transition:width var(--transition-base), height var(--transition-base), border-color var(--transition-base), background-color var(--transition-base);border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.cursor-outline:before{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-bottom:10px solid var(--theme-primary);width:0;height:0;transition:opacity var(--transition-fast);position:absolute;top:-4px;left:50%;transform:translate(-50%)}.cursor-outline:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-bottom:10px solid var(--color-border);width:0;height:0;transition:opacity var(--transition-fast);position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(180deg)}.cursor-hovering{background-color:color-mix(in srgb, var(--theme-primary) 8%, transparent);border-color:var(--theme-primary);width:50px;height:50px}.cursor-hovering:before,.cursor-hovering:after{opacity:0}}.terminal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100000;opacity:1;pointer-events:auto;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.terminal-overlay.hidden{opacity:0;pointer-events:none}.terminal-window{width:90%;max-width:800px;height:60vh;font-family:var(--font-mono);background:#1e1e1e;border:1px solid #333;border-radius:8px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.terminal-window.fullscreen{width:100vw;max-width:100vw;height:100vh;box-shadow:none;border:none;border-radius:0}.terminal-header{-webkit-user-select:none;user-select:none;background:#2d2d2d;align-items:center;gap:8px;padding:10px;display:flex;position:relative}.terminal-buttons{z-index:2;gap:8px;display:flex}.terminal-btn{cursor:pointer;border-radius:50%;width:12px;height:12px}.terminal-btn.red{background:#ff5f56}.terminal-btn.yellow{background:#ffbd2e}.terminal-btn.green{background:#27c93f}.terminal-title{text-align:center;color:#999;pointer-events:none;width:100%;font-size:.85rem;position:absolute;left:0}.terminal-body{color:#fff;flex-direction:column;flex:1;padding:20px;display:flex;overflow-y:auto}.term-line{white-space:pre-wrap;word-break:break-all;margin-bottom:6px;font-size:.95rem;line-height:1.4}.term-success{color:#27c93f}.term-error{color:#ff5f56}.term-info{color:#38bdf8;font-weight:700}.term-warning{color:#ffbd2e}.terminal-input-line{background:#1e1e1e;padding:0 20px 20px;display:flex}.term-prompt{color:#27c93f;margin-right:10px;font-size:.95rem}#term-input{color:#fff;font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}#bg-canvas{z-index:-1;pointer-events:none;opacity:.4;width:100vw;height:100vh;transition:opacity 1s ease-in-out;position:fixed;top:0;left:0}html.light-theme #bg-canvas{opacity:.15}.magnetic-wrap{display:inline-block;position:relative}.magnetic-inner{will-change:transform;transition:transform .3s cubic-bezier(.1,.5,.4,1),box-shadow .3s}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}#cmd-palette{-webkit-backdrop-filter:blur(10px);z-index:9999;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding-top:15vh;transition:opacity .2s;display:flex;position:fixed;top:0;left:0}#cmd-palette.active{opacity:1;pointer-events:all}.cmd-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:90%;max-width:600px;transition:transform .2s cubic-bezier(.1,.5,.4,1);overflow:hidden;transform:scale(.95);box-shadow:0 30px 60px #0000004d}#cmd-palette.active .cmd-modal{transform:scale(1)}.cmd-input-wrap{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);align-items:center;gap:12px;display:flex}.cmd-input-wrap svg{color:var(--color-gray)}.cmd-input{width:100%;color:var(--color-text);font-size:1.25rem;font-family:var(--font-sans);background:0 0;border:none;outline:none}.cmd-results{max-height:40vh;padding:var(--spacing-sm) 0;overflow-y:auto}.cmd-item{padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;color:var(--color-text);align-items:center;gap:12px;transition:background .1s;display:flex}.cmd-item.selected,.cmd-item:hover{background:color-mix(in srgb, var(--theme-primary) 15%, transparent);border-left:3px solid var(--theme-primary)}.cmd-item-shortcut{background:var(--color-border);color:var(--color-text-muted);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:.75rem}.sidebar{background-color:var(--theme-sidebar);border-right:var(--border-width) solid var(--color-border);width:200px;height:100vh;padding:var(--spacing-lg);z-index:100;transition:background-color var(--transition-base), border-color var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);display:flex}.logo{background-color:var(--color-text);border:var(--border-width) solid var(--color-border);width:32px;height:32px;color:var(--theme-sidebar);justify-content:center;align-items:center;display:flex}.brand{font-size:var(--text-lg);font-family:var(--font-mono);font-weight:700}.nav-menu{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.nav-link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;font-size:.95rem;font-weight:500;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),color .3s,background-color .3s;display:flex;position:relative;overflow:hidden}.nav-link:before{content:"";background-color:var(--theme-primary);transform-origin:bottom;width:3px;height:100%;transition:transform .3s cubic-bezier(.86,0,.07,1);position:absolute;top:0;left:0;transform:scaleY(0)}.nav-link:hover{color:var(--theme-primary);background-color:#0000000d;transform:translate(8px)}.nav-link:hover:before{transform-origin:top;transform:scaleY(1)}.nav-link.active{background-color:var(--color-text);color:var(--theme-sidebar)}.nav-link svg{width:20px;height:20px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.nav-link:hover svg{transform:scale(1.2)rotate(-5deg)}.live-status{background:color-mix(in srgb, var(--color-surface) 50%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 50%, transparent);padding:var(--spacing-sm);font-size:.75rem;font-family:var(--font-mono);color:var(--color-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform var(--transition-base);border-radius:6px;flex-direction:column;gap:6px;margin-top:auto;display:flex}.live-status:hover{background:color-mix(in srgb, var(--color-surface) 80%, transparent);transform:translateY(-2px)}.live-status-title{color:var(--color-gray);letter-spacing:1px;margin-bottom:2px;font-size:.65rem}.live-item{align-items:center;gap:6px;display:flex}.live-dot{background-color:var(--theme-primary);border-radius:50%;width:6px;height:6px;display:inline-block}.live-dot.pulse{animation:2s cubic-bezier(0,0,.2,1) infinite ping}@keyframes ping{75%,to{opacity:0;transform:scale(3)}}.sidebar-footer{gap:var(--spacing-xs);padding-top:var(--spacing-lg);border-top:2px solid #0000001a;flex-direction:column;display:flex}.footer-link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:all var(--transition-base);opacity:.8;font-size:.9rem;display:flex}.footer-link:hover{opacity:1;transform:translate(4px)}.main-content{min-height:100vh;padding:var(--spacing-xl);max-width:100%;margin-left:200px}.page{max-width:1800px;margin:0 auto}.page-header{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex}.back-btn{border:var(--border-width) solid var(--color-border);width:48px;height:48px;transition:all var(--transition-base);background-color:#fff;justify-content:center;align-items:center;display:flex}.back-btn:hover{background-color:var(--color-yellow);box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.search-bar{align-items:center;gap:var(--spacing-sm);max-width:600px;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width) solid var(--color-border);background-color:#fff;flex:1;display:flex}.search-bar input{font-size:.95rem;font-family:var(--font-sans);border:none;outline:none;flex:1}.header-actions{align-items:center;gap:var(--spacing-md);margin-left:auto;display:flex}.icon-btn{border:var(--border-width) solid var(--color-border);width:48px;height:48px;transition:all var(--transition-base);background-color:#fff;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background-color:var(--color-yellow);box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.profile-avatar{border:var(--border-width) solid var(--color-border);cursor:pointer;width:48px;height:48px;transition:all var(--transition-base);background-position:50%;background-size:cover}.profile-avatar:hover{box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.page-title{font-size:var(--text-3xl);font-family:var(--font-mono);margin-bottom:var(--spacing-sm);color:var(--color-text)}.page-subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.section-title{font-size:var(--text-xl);font-family:var(--font-mono);margin-bottom:var(--spacing-lg);color:var(--color-text)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:var(--border-width) solid var(--color-border);align-items:center;gap:var(--spacing-sm);font-size:.95rem;font-weight:600;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s,background-color .3s,color .3s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:100%;height:100%;transition:left .6s ease-in-out;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.btn:hover{box-shadow:6px 6px 0 var(--color-text), 0 10px 20px #0000001a;transform:translate(-3px,-3px)scale(1.02)}.btn:hover:after{left:120%}.btn-primary{background-color:var(--theme-primary);color:var(--color-bg)}.btn-primary:hover{background-color:var(--theme-primary-dark)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-surface-hover)}.btn-outline{color:var(--color-text);background-color:#0000}.btn-outline:hover{background-color:var(--color-surface)}.page{animation:fadeIn var(--transition-base);margin-bottom:var(--spacing-2xl);padding-top:var(--spacing-xl);display:block}.page:last-child{margin-bottom:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-grid{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.left-column,.right-column{gap:var(--spacing-xl);flex-direction:column;display:flex}.profile-card{background-color:color-mix(in srgb, var(--color-surface) 85%, transparent);-webkit-backdrop-filter:blur(8px);border:var(--border-width) solid var(--color-border);padding:var(--spacing-xl);align-items:start;gap:var(--spacing-xl);color:var(--color-text);grid-template-columns:200px 1fr;display:grid}.profile-card .btn-primary{background-color:var(--theme-primary);color:var(--color-bg)}.profile-image-container{border:var(--border-width) solid var(--color-border);background-position:50%;background-size:cover;place-self:start;width:180px;height:240px;box-shadow:0 10px 20px #00000026}@keyframes luxurious-float{0%,to{transform:translateY(0);box-shadow:0 10px 20px #00000026}50%{transform:translateY(-8px);box-shadow:0 20px 25px #00000040}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-info{gap:var(--spacing-md);flex-direction:column;display:flex}.profile-name{font-size:2rem;font-family:var(--font-mono)}.profile-title{margin-bottom:var(--spacing-sm);font-size:1.1rem;font-weight:500}.social-links{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.social-link{background-color:var(--color-surface);width:40px;height:40px;color:var(--color-text);border:var(--border-width) solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s,background-color .3s,color .3s;display:flex}.social-link:hover{background-color:var(--theme-sidebar);color:var(--theme-primary-dark);box-shadow:0 8px 15px #0000001a, var(--shadow-sm);transform:translateY(-4px)scale(1.1)}.stats-grid{gap:var(--spacing-sm);margin:var(--spacing-md) 0;grid-template-columns:repeat(4,1fr);display:grid}.stat-box{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);padding:var(--spacing-md);text-align:center}.stat-value{font-size:1.5rem;font-family:var(--font-mono);font-weight:700;display:block}.stat-label{text-transform:uppercase;color:var(--color-gray);margin-top:var(--spacing-xs);font-size:.75rem}.profile-bio{font-size:.95rem;line-height:1.6}.profile-actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.section-card{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);padding:var(--spacing-xl);overflow:hidden}.section-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.experience-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.experience-item{padding:var(--spacing-lg);background-color:var(--color-surface-hover);border:var(--border-width) solid var(--color-border);transition:all var(--transition-base)}.experience-item:hover{box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.experience-header{align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.experience-icon{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.experience-details h4{font-size:1.1rem;font-family:var(--font-mono);margin-bottom:var(--spacing-xs)}.experience-company{color:var(--color-gray);margin-bottom:var(--spacing-xs);font-size:.9rem}.experience-period{color:var(--color-gray);text-transform:uppercase;font-size:.85rem;font-weight:600}.experience-description{font-size:.95rem;line-height:1.6}.endorsements-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.endorsement-card{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);padding:var(--spacing-lg);transition:all var(--transition-base);flex-direction:column;display:flex}.endorsement-card:hover{box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.endorsement-card.featured{background-color:var(--color-purple)}.endorsement-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.endorser-info h4{font-size:1rem;font-family:var(--font-mono);margin-bottom:var(--spacing-xs)}.endorser-title{color:var(--color-gray);font-size:.85rem}.verified-badge{background-color:var(--color-border);width:20px;height:20px;color:var(--color-surface);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex}.endorsement-text{margin-bottom:var(--spacing-md);flex:1;font-size:.9rem;line-height:1.6}.endorsement-footer{margin-top:auto}.references-btn{width:100%;padding:var(--spacing-sm);background-color:var(--color-surface);color:var(--color-text);border:var(--border-width) solid var(--color-border);transition:all var(--transition-base);font-size:.85rem;font-weight:600}.references-btn:hover{background-color:var(--color-border);color:var(--color-surface)}.linkedin-stats{text-align:center;padding:var(--spacing-md);border-top:2px solid var(--color-border)}.linkedin-count{font-size:2rem;font-family:var(--font-mono);font-weight:700;display:block}.linkedin-label{color:var(--color-gray);font-size:.85rem}.linkedin-chart{margin-top:var(--spacing-sm);height:40px}.skills-badges{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.skill-badge{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);font-family:var(--font-mono);transition:all var(--transition-base);font-size:.9rem;font-weight:600}.skill-badge:hover{background-color:var(--theme-primary);color:var(--color-bg);border-color:var(--theme-primary);transform:translateY(-5px);box-shadow:0 10px 30px #0003}.github-graph-container{width:100%;padding:var(--spacing-sm);background-color:color-mix(in srgb, var(--color-surface) 85%, transparent);border-radius:var(--border-radius);border:var(--border-width) solid var(--color-border);-webkit-backdrop-filter:blur(8px);overflow-x:auto}.github-graph-container img{width:100%;min-width:600px;mix-blend-mode:var(--blend-mode,normal);display:block}@media (width<=768px){.github-graph-container img{min-width:360px}}.projects-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;display:flex}.filter-buttons{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-surface);color:var(--color-text);border:var(--border-width) solid var(--color-border);transition:all var(--transition-base);font-size:.9rem;font-weight:600}.filter-btn:hover{box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.filter-btn.active{background-color:var(--color-border);color:var(--color-surface)}.projects-grid{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.project-card{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);transition:transform .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .5s,border-color .5s;position:relative;overflow:hidden}.project-card:before{content:"";z-index:10;pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff1a 50%,#fff0 100%);width:50%;height:100%;transition:none;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.project-card:hover{box-shadow:0 20px 40px #0000001a, var(--shadow-lg);border-color:var(--theme-primary);transform:translateY(-10px)scale(1.02)}.project-card:hover:before{animation:1s ease-out forwards luxurious-shine}@keyframes luxurious-shine{to{left:200%}}.project-thumbnail{border-bottom:var(--border-width) solid var(--color-border);justify-content:center;align-items:center;height:200px;font-size:4rem;display:flex;position:relative;overflow:hidden}.project-thumbnail span{transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-thumbnail span{transform:scale(1.15)rotate(5deg)}.project-thumbnail:before{content:"";background:inherit;opacity:.3;position:absolute;inset:0}.project-content{padding:var(--spacing-lg)}.project-title{font-size:1.25rem;font-family:var(--font-mono);margin-bottom:var(--spacing-sm)}.project-description{color:var(--color-gray);margin-bottom:var(--spacing-md);font-size:.9rem;line-height:1.6}.project-tech{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.tech-badge{background-color:var(--color-surface-hover);color:var(--color-text);border:2px solid var(--color-border);padding:.25rem .75rem;font-size:.7rem;font-weight:600}.project-actions{gap:var(--spacing-sm);display:flex}.project-btn{padding:var(--spacing-sm);background-color:var(--color-surface);color:var(--color-text);border:var(--border-width) solid var(--color-border);justify-content:center;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-base);flex:1;font-size:.85rem;font-weight:600;display:flex}.project-btn:hover{background-color:var(--color-border);color:var(--color-surface)}.code-btn{background-color:var(--theme-primary);color:var(--color-bg)}.code-btn:hover{background-color:var(--theme-primary-dark);color:var(--color-bg)}.skills-header{margin-bottom:var(--spacing-2xl)}.skills-sections{gap:var(--spacing-2xl);flex-direction:column;display:flex}.skill-category{margin-bottom:var(--spacing-xl)}.category-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.category-icon{background-color:var(--color-purple);border:var(--border-width) solid var(--color-border);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.category-title{font-size:1.5rem;font-family:var(--font-mono)}.skills-cards-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.skill-card{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);padding:var(--spacing-xl);transition:transform .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .5s,border-color .5s;position:relative;overflow:hidden}.skill-card:before{content:"";z-index:10;pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#9696960d 50%,#fff0 100%);width:50%;height:100%;transition:none;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.skill-card:hover{box-shadow:0 15px 30px #00000014, var(--shadow-sm);border-color:var(--theme-sidebar);transform:translateY(-8px)scale(1.02)}.skill-card:hover:before{animation:1s ease-out forwards luxurious-shine}.skill-card-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.skill-icon{background-color:var(--color-surface-hover);border:var(--border-width) solid var(--color-border);justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),background-color .3s;display:flex}.skill-card:hover .skill-icon{background-color:var(--theme-sidebar);transform:scale(1.1)rotate(10deg)}.skill-level{background-color:var(--color-border);color:var(--color-surface);border:var(--border-width) solid var(--color-border);text-transform:uppercase;padding:.25rem .75rem;font-size:.7rem;font-weight:700}.skill-level.advanced{background-color:var(--color-surface);color:var(--color-text)}.skill-level.intermediate{background-color:var(--color-surface-hover);color:var(--color-text)}.skill-name{font-size:1.25rem;font-family:var(--font-mono);margin-bottom:var(--spacing-sm)}.skill-description{color:var(--color-gray);margin-bottom:var(--spacing-lg);font-size:.9rem;line-height:1.6}.skill-footer{padding-top:var(--spacing-md);border-top:2px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.view-projects-btn{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);color:var(--color-text);border:var(--border-width) solid var(--color-border);align-items:center;gap:var(--spacing-xs);transition:all var(--transition-base);font-size:.85rem;font-weight:600;display:flex}.view-projects-btn:hover{background-color:var(--color-border);color:var(--color-surface)}html.browser-firefox{--theme-primary:#ff7139;--theme-sidebar:#fff0e6}html.browser-firefox.dark-theme{--theme-sidebar:#2d1405}html.browser-firefox .sidebar{border-right-width:3px;border-right-color:#ff7139}html.browser-edge{--theme-primary:#0078d7;--theme-primary-dark:#005da6;--theme-sidebar:#e5f1fb}html.browser-edge.dark-theme{--theme-sidebar:#001a33}html.browser-edge .sidebar{border-right-width:3px;border-right-color:#0078d7}html.browser-chrome{--theme-primary:#fcc934;--color-sunset:#34a853;--theme-sidebar:#f1f8f4}html.browser-chrome.dark-theme{--theme-sidebar:#091a10}html.browser-chrome .sidebar{border-right-width:3px;border-right-color:#fcc934}html.browser-safari{--theme-primary:#06c;--theme-sidebar:#f5f5f7;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html.browser-safari.dark-theme{--theme-sidebar:#1c1c1e;--theme-primary:#0a84ff}html.browser-safari .sidebar{border-right-width:3px;border-right-color:#06c}@media (width>=1600px){.projects-grid,.skills-cards-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1600px) and (width>=1200px){.main-content{padding:var(--spacing-xl)}}@media (width<=1200px){.content-grid{grid-template-columns:1fr}.projects-grid,.skills-cards-grid,.endorsements-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.profile-card{gap:var(--spacing-lg);padding:var(--spacing-lg);grid-template-columns:180px 1fr}.profile-image-container{width:180px;height:250px}}@media (width<=1024px){.sidebar{width:180px}.main-content{padding:var(--spacing-lg);margin-left:180px}.nav-link{font-size:.9rem}.page-title{font-size:2rem}}@media (width<=768px){.sidebar{border-right:none;border-top:var(--border-width) solid var(--color-border);flex-direction:row;justify-content:center;align-items:center;width:100vw;height:70px;padding:0;display:flex;top:auto;bottom:0;box-shadow:0 -4px 10px #0000001a}.sidebar-header,.live-status,.sidebar-footer{display:none!important}.nav-menu{width:100%;height:100%;padding:0 var(--spacing-xs);flex-direction:row;justify-content:space-around;align-items:center;margin:0}.nav-link{padding:var(--spacing-xs);border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.7rem}.nav-link:before{display:none}.nav-link:hover{transform:translateY(-2px)}.nav-link svg{width:22px;height:22px;margin:0}.nav-link.active{background-color:var(--theme-primary);color:var(--color-surface)}.main-content{padding:var(--spacing-md);padding-top:var(--spacing-xl);width:100%;margin-left:0;padding-bottom:90px}.floating-theme-toggle{bottom:90px;right:20px}.page{padding-top:var(--spacing-lg)}.page-title{font-size:1.75rem}.page-subtitle{font-size:.95rem}.profile-card{text-align:center;padding:var(--spacing-md);align-items:center;width:100%;min-width:0;max-width:100%;flex-direction:column!important;grid-template-columns:1fr!important;display:flex!important}.profile-info{word-wrap:break-word;overflow-wrap:break-word;width:100%;min-width:0;max-width:100%}.profile-name,.profile-title,.profile-bio,.experience-details h4,.experience-company,.experience-period,.experience-description{overflow-wrap:anywhere;word-break:break-word}.profile-image-container{flex-shrink:0;width:160px;height:220px;margin:0 auto}.content-grid,.left-column,.right-column,.section-card,.experience-item,.projects-header,.contact-grid{min-width:0}.section-card,.experience-item,.contact-card,.skill-card,.project-card{width:100%;max-width:100%}.profile-name{font-size:1.75rem}.profile-title{font-size:1rem}.profile-actions{flex-direction:column}.profile-actions .btn{justify-content:center;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.projects-grid,.skills-cards-grid,.endorsements-grid{grid-template-columns:1fr}.projects-header{gap:var(--spacing-md);flex-direction:column;align-items:stretch}.filter-buttons{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding-bottom:var(--spacing-xs);overflow-x:auto}.filter-buttons::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap;flex-shrink:0}.experience-item{padding:var(--spacing-md)}.experience-header{text-align:center;flex-direction:column;align-items:center}.skill-card{padding:var(--spacing-lg)}.skill-card-header{text-align:center;align-items:center;gap:var(--spacing-sm);flex-direction:column}.skill-footer{gap:var(--spacing-sm);flex-direction:column}.view-projects-btn{justify-content:center;width:100%}.social-links-large{grid-template-columns:1fr}.contact-form-section{padding:var(--spacing-lg)}.contact-card{padding:var(--spacing-lg);text-align:center}.contact-icon{margin:0 auto var(--spacing-md)}}@media (width<=480px){.main-content{padding:var(--spacing-sm);margin-bottom:0;padding-bottom:90px}.page-title{font-size:1.5rem}.page-subtitle{font-size:.85rem}.section-title{font-size:1.1rem}.profile-name{font-size:1.5rem}.profile-title{font-size:.95rem}.profile-image-container{width:140px;height:190px}.profile-bio{font-size:.9rem}.stats-grid{gap:var(--spacing-xs);grid-template-columns:repeat(2,1fr)}.stat-box{padding:var(--spacing-sm)}.stat-value{font-size:1.25rem}.social-links{flex-wrap:wrap;justify-content:center}.social-link{width:36px;height:36px}.btn,.filter-btn,.project-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.btn svg{width:14px;height:14px}.project-card{margin-bottom:var(--spacing-md)}.project-thumbnail{height:150px;font-size:3rem}.project-content{padding:var(--spacing-md)}.project-title{font-size:1.1rem}.project-description{font-size:.85rem}.tech-badge{padding:.2rem .6rem;font-size:.7rem}.skill-card{padding:var(--spacing-md)}.skill-icon{width:48px;height:48px;font-size:1.5rem}.skill-name{font-size:1.1rem}.skill-description{font-size:.85rem}.category-icon{width:40px;height:40px;font-size:1.25rem}.category-title{font-size:1.25rem}.experience-icon{width:40px;height:40px;font-size:1.25rem}.experience-details h4{font-size:1rem}.experience-description{font-size:.85rem}.endorsement-card{padding:var(--spacing-md)}.endorser-info h4{font-size:.9rem}.endorsement-text{font-size:.85rem}.section-card,.contact-card{padding:var(--spacing-md)}.contact-icon{width:56px;height:56px;font-size:1.75rem}.contact-card h3{font-size:1rem}.contact-card p{font-size:.9rem}.form-group input,.form-group textarea{padding:var(--spacing-sm);font-size:16px}.form-group label{font-size:.85rem}.contact-form-section{padding:var(--spacing-md)}aside{height:65px!important}.nav-link span{font-size:.65rem!important}.nav-link svg{width:20px!important;height:20px!important}}@media (width<=360px){.main-content{padding:var(--spacing-xs)}.page-title{font-size:1.35rem}.page-subtitle{font-size:.8rem}.profile-image-container{width:120px;height:170px}.profile-name{font-size:1.35rem}.profile-title{font-size:.9rem}.profile-card{padding:var(--spacing-sm)}.stats-grid{grid-template-columns:1fr}.stat-box{padding:var(--spacing-xs) var(--spacing-sm)}.project-actions{gap:var(--spacing-xs);flex-direction:column}.project-btn{width:100%}.project-thumbnail{height:120px;font-size:2.5rem}.project-content,.skill-card{padding:var(--spacing-sm)}.skill-icon{width:40px;height:40px;font-size:1.25rem}.category-icon{width:36px;height:36px;font-size:1.1rem}.category-title{font-size:1.1rem}.experience-item{padding:var(--spacing-sm)}.experience-icon{width:36px;height:36px;font-size:1.1rem}.contact-icon{width:48px;height:48px;font-size:1.5rem}.contact-form-section{padding:var(--spacing-sm)}.btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}aside{height:60px!important}.nav-link{min-width:50px!important;padding:4px!important}.nav-link svg{width:18px!important;height:18px!important}.nav-link span{font-size:.6rem!important}}@media (height<=600px) and (orientation:landscape){.main-content{padding:var(--spacing-sm)}.profile-image-container{width:120px;height:160px}.page-title{margin-bottom:var(--spacing-xs);font-size:1.5rem}.page-subtitle{margin-bottom:var(--spacing-md)}aside{height:60px!important}.main-content{margin-bottom:65px}}@media print{.sidebar,aside,.nav-menu,.profile-actions,.btn,.filter-buttons,.project-actions{display:none!important}.main-content{margin-bottom:0;margin-left:0}.page{page-break-inside:avoid}.project-card,.skill-card,.experience-item{page-break-inside:avoid;box-shadow:none;transform:none!important}}.fade-in{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)scale(.98)}.fade-in.visible{opacity:1;transform:translateY(0)scale(1)}@media (hover:none) and (pointer:coarse){.project-card:active,.skill-card:active,.btn:active,.filter-btn:active{transition:transform .1s ease-out;transform:scale(.96)!important}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.fade-in{opacity:1!important;transform:translateY(0)!important}}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-hover) 50%, var(--color-surface) 75%);border-radius:var(--border-radius);background-size:200% 100%;width:100%;height:100%;min-height:20px;animation:1.5s linear infinite loading;display:inline-block}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.nav-link,.project-card,.skill-card,.endorsement-card{animation:slideIn var(--transition-base) ease-out}.project-card:first-child,.skill-card:first-child{animation-delay:0s}.project-card:nth-child(2),.skill-card:nth-child(2){animation-delay:50ms}.project-card:nth-child(3),.skill-card:nth-child(3){animation-delay:.1s}.project-card:nth-child(4),.skill-card:nth-child(4){animation-delay:.15s}.project-card:nth-child(5),.skill-card:nth-child(5){animation-delay:.2s}.project-card:nth-child(6),.skill-card:nth-child(6){animation-delay:.25s}.contact-header{margin-bottom:var(--spacing-2xl)}.contact-grid{gap:var(--spacing-2xl);grid-template-columns:1fr 1.5fr;display:grid}.contact-info-section{gap:var(--spacing-lg);flex-direction:column;display:flex}.contact-card{background-color:color-mix(in srgb, var(--color-surface) 85%, transparent);-webkit-backdrop-filter:blur(8px);border:var(--border-width) solid var(--color-border);padding:var(--spacing-xl);transition:all var(--transition-base);color:var(--color-text)}.contact-card:hover{border-color:var(--theme-primary);transform:translateY(-5px);box-shadow:0 10px 30px #0003}.contact-icon{background-color:var(--theme-primary);width:64px;height:64px;color:var(--color-bg);border:var(--border-width) solid var(--theme-primary-dark);margin-bottom:var(--spacing-md);border-radius:var(--border-radius);transition:transform var(--transition-base);justify-content:center;align-items:center;font-size:2rem;display:flex}.contact-card:hover .contact-icon{transform:rotate(-10deg)scale(1.1)}.contact-card h3{font-size:1.1rem;font-family:var(--font-mono);margin-bottom:var(--spacing-sm);color:var(--theme-primary)}.contact-card p{color:var(--color-text-muted);margin-bottom:var(--spacing-md);font-size:1rem}.contact-link{color:var(--color-text);transition:all var(--transition-base);font-size:.9rem;font-weight:600;text-decoration:none}.contact-link:hover{color:var(--theme-primary);text-decoration:underline}.social-card{background-color:color-mix(in srgb, var(--theme-sidebar) 85%, transparent)}.social-links-large{gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.social-links-large .social-link{border-radius:50%;width:56px;height:56px;font-size:1.5rem}.contact-form-section{background-color:color-mix(in srgb, var(--color-surface) 85%, transparent);-webkit-backdrop-filter:blur(8px);border:var(--border-width) solid var(--color-border);padding:var(--spacing-2xl);color:var(--color-text);position:relative}.contact-form{gap:var(--spacing-lg);z-index:1;flex-direction:column;display:flex;position:relative}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{font-size:.9rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.form-group input,.form-group textarea{padding:var(--spacing-md);border:var(--border-width) solid var(--color-border);font-family:var(--font-sans);transition:all var(--transition-base);background-color:color-mix(in srgb, var(--color-bg) 70%, transparent);color:var(--color-text);font-size:1rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted);opacity:.7}.form-group input:focus,.form-group textarea:focus{background-color:var(--color-surface);border-color:var(--theme-primary);box-shadow:0 0 15px color-mix(in srgb, var(--theme-primary) 30%, transparent);outline:none;transform:translateY(-2px)}.form-group textarea{resize:vertical;min-height:120px}.btn-large{padding:var(--spacing-md) var(--spacing-xl);justify-content:center;width:100%;font-size:1rem}.form-toast{padding:var(--spacing-lg) var(--spacing-xl);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-lg);z-index:10000;opacity:0;transition:all var(--transition-base);pointer-events:none;background-color:#fff;max-width:400px;font-size:.95rem;font-weight:600;position:fixed;bottom:30px;right:30px;transform:translateY(100px)}.form-toast-show{opacity:1;pointer-events:auto;transform:translateY(0)}.form-toast-success{background-color:var(--color-green);border-color:var(--color-black)}.form-toast-error{background-color:var(--color-red);border-color:var(--color-black)}@media (width<=1200px){.contact-grid{grid-template-columns:1fr}}@media (width<=768px){.social-links-large{grid-template-columns:1fr}.contact-form-section{padding:var(--spacing-lg)}}@media (width<=1024px){.left-column,.right-column,.profile-info,.section-card,.experience-item,.projects-grid,.skills-cards-grid,.contact-grid{min-width:0}.profile-name,.profile-title,.profile-bio{overflow-wrap:anywhere;word-break:break-word}}
