.tilted-card-figure{position:relative;width:100%;height:100%;perspective:800px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tilted-card-mobile-alert{position:absolute;top:1rem;text-align:center;font-size:.875rem;display:none}@media(max-width:640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{position:relative;transform-style:preserve-3d}.tilted-card-img{position:absolute;top:0;left:0;object-fit:cover;border-radius:15px;will-change:transform;transform:translateZ(0)}.tilted-card-overlay{position:absolute;top:0;left:0;z-index:2;will-change:transform;transform:translateZ(30px)}.tilted-card-caption{pointer-events:none;position:absolute;left:0;top:0;border-radius:4px;background-color:#fff;padding:4px 10px;font-size:10px;color:#2d2d2d;opacity:0;z-index:3}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:var(--space-20) 0;overflow-x:hidden}.hero:before{content:"";position:absolute;top:20%;left:30%;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);pointer-events:none;z-index:0;filter:blur(40px)}.hero-grid{display:grid;grid-template-columns:55fr 45fr;gap:var(--space-10);align-items:center;width:100%;position:relative;z-index:1}.hero-left{display:flex;flex-direction:column;gap:var(--space-5)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid rgba(59,130,246,.25);color:var(--primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;align-self:flex-start;backdrop-filter:blur(8px);transition:all var(--transition-base)}.hero-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);border-color:#3b82f666}.badge-dot{width:var(--space-2);height:var(--space-2);border-radius:50%;background:var(--primary);flex-shrink:0;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1;box-shadow:0 0 #3b82f666}50%{opacity:.8;box-shadow:0 0 0 4px #3b82f600}}.hero-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;margin:0}.hero-title{font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary);margin:0;text-align:left;position:relative}.hero-title:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--primary) 0%,transparent 100%);border-radius:2px}.hero-role-pill{display:inline-flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);align-self:flex-start;backdrop-filter:blur(8px);transition:all var(--transition-base)}.hero-role-pill:hover{transform:translateY(-2px);border-color:var(--primary);color:var(--primary-light);box-shadow:var(--shadow-glow)}.hero-social-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;margin:0}.hero-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.social-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);text-decoration:none;transition:all var(--transition-base);min-width:0;backdrop-filter:blur(8px);position:relative;overflow:hidden}.social-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast)}.social-card:hover{background:#3b82f614;border-color:var(--primary);color:var(--primary);transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-lg),var(--shadow-glow)}.social-card:hover:before{opacity:1}.social-card:active{transform:translateY(-1px) scale(1)}.social-card-icon{display:flex;align-items:center;flex-shrink:0}.social-card-name{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.social-card-handle{font-size:var(--text-xs);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;align-self:flex-start;margin-top:var(--space-2)}.hero-actions .btn{min-width:140px}.hero-right{display:flex;flex-direction:column;gap:var(--space-5);align-items:center}.profile-card{width:100%;background:linear-gradient(145deg,var(--bg-surface) 0%,rgba(15,23,42,.4) 100%);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;position:relative;backdrop-filter:blur(12px);box-shadow:var(--shadow-lg),inset 0 1px #ffffff0d}.profile-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,#3b82f64d,#3b82f60d 30% 70%,#3b82f626);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;pointer-events:none}.profile-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow),inset 0 1px #ffffff14}.profile-avatar{width:160px;height:160px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.profile-avatar:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 50%,var(--primary) 100%);z-index:-1;opacity:.5;filter:blur(8px)}.profile-name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.profile-role{font-size:var(--text-sm);color:var(--text-secondary);margin:0;font-weight:500}.profile-open-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;color:#22c55e;backdrop-filter:blur(8px);transition:all var(--transition-base)}.profile-open-badge:hover{transform:translateY(-2px);box-shadow:0 0 20px #22c55e33}.open-dot{width:var(--space-2);height:var(--space-2);border-radius:50%;background:#22c55e;flex-shrink:0;animation:openBadgePulse 2s ease-in-out infinite}@keyframes openBadgePulse{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.8;box-shadow:0 0 0 4px #22c55e00}}.profile-info{width:100%;border-top:1px solid var(--border-subtle);padding-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.profile-info-row{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:var(--space-3);text-align:left;padding:var(--space-2) 0;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.profile-info-row:hover{background:#3b82f60d;padding-left:var(--space-2);padding-right:var(--space-2)}.profile-info-icon{display:flex;align-items:center;color:var(--primary);opacity:.7}.profile-info-key{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.profile-info-val{font-size:var(--text-xs);font-weight:500;color:var(--text-secondary)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);width:100%}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;backdrop-filter:blur(8px);position:relative;overflow:hidden;transition:all var(--transition-base)}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity var(--transition-base)}.stat-item:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-lg),var(--shadow-glow)}.stat-item:hover:before{opacity:1}.stat-value{font-size:var(--text-xl);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.stat-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.hero-animate{opacity:0;transform:translateY(16px);transition:opacity .4s ease-out,transform .4s ease-out;transition-delay:var(--delay, 0ms)}.hero-grid.is-mounted .hero-animate{opacity:1;transform:translateY(0)}.hero-slide-right{transform:translate(24px)}.hero-grid.is-mounted .hero-slide-right{transform:translate(0)}.typing-text{display:inline}.typing-cursor{display:inline-block;color:var(--primary);font-weight:400;margin-left:1px;animation:cursorBlink .9s step-end infinite;opacity:1}.typing-cursor.done{animation:cursorFade .6s ease-out forwards}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes cursorFade{0%{opacity:1}to{opacity:0}}.role-cycler{display:inline-block;transition:opacity .3s ease-out,transform .3s ease-out;white-space:nowrap}.hero-role-pill.hero-animate{opacity:0;transform:translateY(16px)}.hero-role-pill.hero-animate.is-visible{opacity:1;transform:translateY(0)}.scroll-indicator{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);color:var(--text-dim);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em}.scroll-indicator svg{animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media(max-width:900px){.hero{padding:var(--space-16) 0 calc(var(--space-10) + env(safe-area-inset-bottom,0px)) 0}.hero-grid{grid-template-columns:1fr;gap:var(--space-10)}.hero-left{order:-1;align-items:center;text-align:center}.hero-right{order:0;width:100%;align-items:stretch}.hero-title:after{left:50%;transform:translate(-50%)}.profile-card{max-width:420px;margin:0 auto;padding:var(--space-6)}.hero-stats{max-width:420px;margin:0 auto}.scroll-indicator{display:none}}@media(max-width:640px){.hero{padding:var(--space-12) 0 calc(var(--space-10) + env(safe-area-inset-bottom,0px)) 0;min-height:auto}.hero-grid{gap:var(--space-6)}.hero-title{text-align:center}.hero-title:after{left:50%;transform:translate(-50%);width:40px}.hero-left{align-items:center;gap:var(--space-4)}.hero-actions{flex-direction:column;width:100%;max-width:320px;align-self:center}.hero-actions .btn{width:100%;min-width:100%}.hero-social-grid{grid-template-columns:1fr;max-width:320px;width:100%}.profile-card{padding:var(--space-5);gap:var(--space-3)}.profile-avatar{width:120px;height:120px}.hero-stats{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.stat-item{padding:var(--space-3)}.stat-value{font-size:var(--text-lg)}.scroll-indicator{display:none}}@media(prefers-reduced-motion:reduce){.hero-animate,.hero-slide-right,.social-card{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}.typing-cursor{display:none}.role-cycler{transition:none}.badge-dot,.open-dot,.scroll-indicator svg{animation:none}}.pill-nav-container{position:fixed;top:1em;left:50%;transform:translate(-50%);z-index:99}@media(max-width:768px){.pill-nav-container{width:calc(100% - 2rem);left:1rem;transform:none}}.pill-nav{--nav-h: 42px;--pill-pad-x: 18px;--pill-gap: 3px;width:max-content;display:flex;align-items:center;box-sizing:border-box}@media(max-width:768px){.pill-nav{width:100%;justify-content:space-between;padding:0 1rem}}.pill-nav-items{position:relative;display:flex;align-items:center;height:var(--nav-h);background:var(--base, #000);border-radius:9999px}.pill-logo{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--base, #000);padding:8px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;margin-right:6px}.pill-logo img{width:100%;height:100%;object-fit:cover;display:block}.pill-list{list-style:none;display:flex;align-items:stretch;gap:var(--pill-gap);margin:0;padding:3px;height:100%}.pill-list>li{display:flex;height:100%}.pill{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 var(--pill-pad-x);background:var(--pill-bg, #fff);color:var(--pill-text, var(--base, #000));text-decoration:none;border-radius:9999px;box-sizing:border-box;font-weight:600;font-size:14px;line-height:0;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;cursor:pointer;position:relative;overflow:hidden}.pill .hover-circle{position:absolute;left:50%;bottom:0;border-radius:50%;background:var(--base, #000);z-index:1;display:block;pointer-events:none;will-change:transform}.pill .label-stack{position:relative;display:inline-block;line-height:1;z-index:2}.pill .pill-label{position:relative;z-index:2;display:inline-block;line-height:1;will-change:transform}.pill .pill-label-hover{position:absolute;left:0;top:0;color:var(--hover-text, #fff);z-index:3;display:inline-block;will-change:transform,opacity}.pill.is-active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--base, #000);border-radius:50px;z-index:4}.desktop-only{display:block}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:block}}.mobile-menu-button{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--base, #000);border:none;display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0}@media(max-width:768px){.mobile-menu-button{display:flex}}.hamburger-line{width:16px;height:2px;background:var(--pill-bg, #fff);border-radius:1px;transform-origin:center}.mobile-menu-popover{position:absolute;top:3em;left:0;right:0;background:var(--base, #f0f0f0);border-radius:27px;box-shadow:0 8px 32px #0000001f;z-index:998;opacity:0;transform-origin:top center;visibility:hidden}.mobile-menu-list{list-style:none;margin:0;padding:3px;display:flex;flex-direction:column;gap:3px}.mobile-menu-popover .mobile-menu-link{display:block;padding:12px 16px;color:var(--pill-text, #fff);background-color:var(--pill-bg, #fff);text-decoration:none;font-size:16px;font-weight:500;border-radius:50px;transition:all .2s ease}.mobile-menu-popover .mobile-menu-link:hover{background-color:var(--base);color:var(--hover-text, #fff)}.dock-outer{margin:0 .5rem;display:flex;max-width:100%;align-items:center}.dock-panel{position:fixed;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;width:fit-content;gap:.25rem;border-radius:1rem;background:#0c0c14bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);padding:.375rem .5rem;z-index:99}.dock-item{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;border-radius:12px;background:transparent;cursor:pointer;outline:none;padding:.25rem;transition:background-color .2s ease}.dock-item:hover{background:#ffffff0d}.dock-item.is-active{background:#3b82f61a}.dock-item:focus-visible{outline:2px solid var(--primary, #3B82F6);outline-offset:2px}.dock-icon{display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:color .2s ease}.dock-icon.is-active{color:#3b82f6}.dock-icon svg{width:20px;height:20px}.dock-label{font-size:11px;color:#9ca3af;text-align:center;white-space:nowrap;transition:color .2s ease;line-height:1}.dock-label.is-active{color:#3b82f6}.arc-reveal-wrapper{position:relative;width:100%;min-height:100vh}.arc-reveal-content{opacity:0;transform:scale(1.02);transition:none}.arc-reveal-content.is-revealing{opacity:1;transform:scale(1);transition:opacity var(--reveal-duration, 1.2s) linear,transform var(--reveal-duration, 1.2s) cubic-bezier(.76,0,.24,1)}.arc-reveal-intro{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none}.arc-reveal-greeting{display:flex;align-items:center;justify-content:center}.arc-reveal-text{font-size:clamp(2rem,6vw,4rem);font-weight:700;letter-spacing:-.02em;display:block;text-align:center}.App{min-height:100vh;background:var(--bg-base);display:flex;flex-direction:column}.main-content{position:relative;z-index:1;flex:1}.footer{position:relative;z-index:1;padding:var(--space-12) var(--space-5);border-top:1px solid var(--border-subtle);text-align:center;margin-top:auto}.footer-content{max-width:600px;margin:0 auto}.footer-text{font-size:var(--text-sm);color:var(--text-dim);margin:0}.footer-links{display:flex;justify-content:center;gap:var(--space-5);margin-top:var(--space-3)}.footer-link{font-size:var(--text-xs);color:var(--text-muted);transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary)}section{padding:var(--space-16) 0}section:first-of-type{padding-top:var(--space-20)}.section-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-subtle) 50%,transparent 100%);max-width:200px;margin:0 auto}@media(max-width:768px){section{padding:var(--space-12) 0}section:first-of-type{padding-top:var(--space-16)}}@media(max-width:640px){section{padding:var(--space-10) 0}section:first-of-type{padding-top:var(--space-12)}.footer{padding:var(--space-8) var(--space-4)}.footer-links{flex-direction:column;gap:var(--space-2)}}.pill-nav-container{display:flex}@media(max-width:768px){.pill-nav-container{display:none!important}}.mobile-dock{display:none}@media(max-width:768px){.mobile-dock{display:block}}:root{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-dim: #475569;--bg-base: #0a0f1a;--bg-surface: rgba(15, 23, 42, .6);--bg-card: rgba(15, 23, 42, .5);--bg-elevated: rgba(30, 41, 59, .5);--border-color: rgba(148, 163, 184, .08);--border-subtle: rgba(148, 163, 184, .05);--border-hover: rgba(59, 130, 246, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--shadow-glow-hover: 0 0 30px rgba(59, 130, 246, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--section-padding: var(--space-20) var(--space-5);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-smooth: .35s ease;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color-scheme:dark}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--text-base);line-height:1.7;color:var(--text-primary);background:var(--bg-base);min-height:100vh}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(59,130,246,.12),transparent),radial-gradient(ellipse 60% 50% at 100% 80%,rgba(59,130,246,.06),transparent),radial-gradient(ellipse 50% 40% at 0% 60%,rgba(59,130,246,.04),transparent);pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:0}.container{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 var(--space-5);width:100%}section{position:relative;width:100%;background:transparent}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}p{color:var(--text-secondary);line-height:1.7}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light)}.section-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:-.02em}.section-subtitle{font-size:var(--text-base);color:var(--text-muted);max-width:550px;margin:0 auto;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:500;font-size:var(--text-sm);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-outline{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color);backdrop-filter:blur(8px)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline:active{transform:translateY(0)}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary);color:#fff}@media(max-width:768px){:root{--section-padding: var(--space-12) var(--space-4)}.section-title{font-size:var(--text-3xl)}}@media(max-width:640px){:root{--section-padding: var(--space-10) var(--space-3)}.section-title{font-size:var(--text-2xl)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.scroll-reveal{transform:translateY(20px)}}@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none}}.about{padding:var(--space-16) 0}.section-header{text-align:center;margin-bottom:var(--space-12)}.about-grid{display:flex;flex-direction:column;gap:var(--space-12);max-width:800px;margin:0 auto}.subsection-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-5) 0;padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.about-intro{display:flex;flex-direction:column;gap:var(--space-5)}.intro-text{display:flex;flex-direction:column;gap:var(--space-4)}.intro-text p{font-size:var(--text-base);line-height:1.8;color:var(--text-secondary);margin:0}.quick-info{display:flex;flex-wrap:wrap;gap:var(--space-4)}.info-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.info-item svg{color:var(--primary)}.skills-section{width:100%}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.skill-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);transition:border-color var(--transition-base)}.skill-card:hover{border-color:var(--border-hover)}.skill-category{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-3) 0}.skill-items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-tag{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-elevated);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.education-section{width:100%}.timeline{display:flex;flex-direction:column;gap:var(--space-6)}.timeline-item{display:flex;gap:var(--space-4);position:relative;padding-left:var(--space-5)}.timeline-item:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:var(--primary);border-radius:50%}.timeline-item:after{content:"";position:absolute;left:3px;top:20px;bottom:-20px;width:2px;background:var(--border-subtle)}.timeline-item:last-child:after{display:none}.timeline-content{flex:1;padding-bottom:var(--space-2)}.timeline-period{font-size:var(--text-xs);color:var(--text-dim);font-weight:500}.timeline-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:var(--space-1) 0}.timeline-institution{font-size:var(--text-sm);color:var(--primary);font-weight:500;margin:0 0 var(--space-2) 0}.timeline-description{font-size:var(--text-sm);color:var(--text-muted);line-height:1.6;margin:0}@media(max-width:768px){.about{padding:var(--space-12) 0}.about-grid{gap:var(--space-10)}.skills-grid{grid-template-columns:1fr;gap:var(--space-3)}}@media(max-width:640px){.about{padding:var(--space-10) 0}.quick-info{flex-direction:column;gap:var(--space-3)}}@media(prefers-reduced-motion:reduce){.skill-card,.timeline-item{transition:none}}.projects{padding:var(--space-16) 0;position:relative}.projects:before{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 70%);pointer-events:none;z-index:0;filter:blur(60px)}.container{max-width:1100px;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:var(--space-10)}.filter-tabs{margin-bottom:var(--space-8)}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);font-weight:500;font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);backdrop-filter:blur(8px)}.filter-btn:hover{border-color:var(--primary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.filter-btn.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.filter-count{font-size:var(--text-xs);background:#ffffff26;padding:2px var(--space-2);border-radius:var(--radius-full);font-weight:700;line-height:1.4}.filter-btn:not(.active) .filter-count{background:var(--bg-elevated)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.project-card{background:linear-gradient(145deg,var(--bg-surface) 0%,rgba(15,23,42,.4) 100%);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);position:relative;backdrop-filter:blur(12px);box-shadow:var(--shadow-md),inset 0 1px #ffffff0a;transition:transform var(--transition-base),box-shadow var(--transition-base)}.project-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,#3b82f633,#3b82f608 30% 70%,#3b82f61a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;pointer-events:none;transition:opacity var(--transition-base)}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg),var(--shadow-glow),inset 0 1px #ffffff14}.project-card:hover:before{background:linear-gradient(145deg,#3b82f666,#3b82f61a 30% 70%,#3b82f640)}.card-badges{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.project-type-badge{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);transition:all var(--transition-fast)}.project-type-badge.real{background:linear-gradient(135deg,#22c55e33,#22c55e14);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.project-type-badge.practice{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-color)}.project-status-badge{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.status-live{background:linear-gradient(135deg,#3b82f633,#3b82f614);color:var(--primary-light);border:1px solid rgba(59,130,246,.3)}.status-private{background:linear-gradient(135deg,#fbbf2433,#fbbf2414);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-demo{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-color)}.card-title{font-size:var(--text-lg);font-weight:800;color:var(--text-primary);margin:0;line-height:1.3;letter-spacing:-.01em}.card-tagline{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6;font-weight:400}.card-tech{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-pill{font-size:var(--text-xs);font-weight:600;color:var(--primary-light);background:linear-gradient(135deg,#3b82f61f,#3b82f60d);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid rgba(59,130,246,.2);transition:all var(--transition-fast)}.tech-pill:hover{background:#3b82f633;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f626}.card-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);flex:1}.feature-item{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.feature-icon{color:var(--primary);flex-shrink:0;margin-top:3px;opacity:.8}.card-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.cta-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);text-decoration:none;transition:all var(--transition-base);position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast)}.cta-button:hover:before{opacity:1}.cta-button.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:1px solid var(--primary);box-shadow:var(--shadow-sm)}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.cta-button.primary:active{transform:translateY(0)}.cta-button.secondary{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color);backdrop-filter:blur(8px)}.cta-button.secondary:hover{color:var(--primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cta-button.secondary:active{transform:translateY(0)}.projects-footer{text-align:center;margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-subtle)}.projects-footer p{font-size:var(--text-sm);color:var(--text-muted);margin:0;font-weight:500}.footer-link{color:var(--primary);text-decoration:none;font-weight:600;transition:all var(--transition-fast)}.footer-link:hover{color:var(--primary-light);text-decoration:underline}@media(max-width:768px){.projects{padding:var(--space-12) 0}.projects-grid{grid-template-columns:1fr;gap:var(--space-4)}.project-card{padding:var(--space-5)}.card-actions{flex-direction:column}.cta-button{justify-content:center}}@media(max-width:640px){.projects{padding:var(--space-10) 0}.filter-label{display:none}.filter-btn{padding:var(--space-2) var(--space-3)}}@media(prefers-reduced-motion:reduce){.project-card,.filter-btn,.cta-button,.tech-pill,.project-type-badge{transition:none}.project-card:hover{transform:none}.project-card:hover:before{background:linear-gradient(145deg,#3b82f633,#3b82f608 30% 70%,#3b82f61a)}}.contact{padding:var(--space-16) 0;position:relative}.contact:before{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%);width:500px;height:400px;background:radial-gradient(ellipse,rgba(59,130,246,.06) 0%,transparent 70%);pointer-events:none;z-index:0;filter:blur(60px)}.section-header{text-align:center;margin-bottom:var(--space-12);position:relative}.section-header:after{content:"";display:block;width:60px;height:3px;background:linear-gradient(90deg,var(--primary) 0%,transparent 100%);margin:var(--space-4) auto 0;border-radius:2px}.section-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-3)}.section-title .text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:var(--text-base);font-weight:500;color:var(--text-secondary);max-width:550px;margin:0 auto;line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-10);max-width:900px;margin:0 auto;position:relative;z-index:1}.contact-info{display:flex;flex-direction:column;gap:var(--space-6)}.contact-intro{font-size:var(--text-base);line-height:1.7;color:var(--text-secondary);margin:0;font-weight:400}.contact-details{display:flex;flex-direction:column;gap:var(--space-5)}.contact-item{display:flex;align-items:flex-start;gap:var(--space-4);transition:transform var(--transition-base)}.contact-item:hover{transform:translate(4px)}.contact-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;background:linear-gradient(135deg,#3b82f61f,#3b82f60a);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);color:var(--primary);transition:all var(--transition-base)}.contact-item:hover .contact-icon{background:linear-gradient(135deg,#3b82f633,#3b82f614);border-color:#3b82f666;transform:scale(1.05);box-shadow:var(--shadow-glow)}.contact-text{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-2)}.contact-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.contact-text a,.contact-text span{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;transition:color var(--transition-fast)}.contact-text a{text-decoration:none}.contact-text a:hover{color:var(--primary-light)}.contact-form-wrapper{background:linear-gradient(145deg,var(--bg-surface) 0%,rgba(15,23,42,.4) 100%);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;backdrop-filter:blur(12px);box-shadow:var(--shadow-lg)}.contact-form-wrapper:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,#3b82f640,#3b82f60d 30% 70%,#3b82f626);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;pointer-events:none}.contact-form-wrapper:hover{box-shadow:var(--shadow-lg),var(--shadow-glow)}.contact-form{display:flex;flex-direction:column;gap:var(--space-5);position:relative;z-index:1}.status-message{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,#22c55e1f,#22c55e0a);border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-md);color:#22c55e;font-size:var(--text-sm);font-weight:500}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.form-group input,.form-group textarea{background:var(--bg-elevated);border:1px solid rgba(148,163,184,.12);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-family:inherit;color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);box-shadow:inset 0 1px 3px #0003}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:inset 0 1px 3px #0003,0 0 0 3px #3b82f626,var(--shadow-glow);transform:translateY(-1px)}.form-group input:hover:not(:focus),.form-group textarea:hover:not(:focus){border-color:#94a3b833}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-dim);font-weight:400}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:var(--space-4) var(--space-6);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-fast);margin-top:var(--space-2);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-base)}.submit-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg),var(--shadow-glow)}.submit-btn:hover:not(:disabled):before{opacity:1}.submit-btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn.success{background:linear-gradient(135deg,#22c55e,#16a34a);transform:scale(1.02);box-shadow:var(--shadow-lg),0 0 20px #22c55e40}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.contact .scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.contact .scroll-reveal.reveal-visible,.contact .scroll-reveal.visible{opacity:1;transform:translateY(0)}.contact-info .scroll-reveal:nth-child(1){transition-delay:0ms}.contact-info .scroll-reveal:nth-child(2){transition-delay:.1s}.contact-info .scroll-reveal:nth-child(3){transition-delay:.2s}.contact-form-wrapper .scroll-reveal:nth-child(1){transition-delay:.15s}.contact-form-wrapper .scroll-reveal:nth-child(2){transition-delay:.25s}.contact-form-wrapper .scroll-reveal:nth-child(3){transition-delay:.35s}.contact-form-wrapper .scroll-reveal:nth-child(4){transition-delay:.45s}@media(max-width:768px){.contact{padding:var(--space-12) 0}.contact-grid{grid-template-columns:1fr;gap:var(--space-8)}.contact-form-wrapper{padding:var(--space-5)}.contact-intro{text-align:center}}@media(max-width:640px){.contact{padding:var(--space-10) 0}.contact-grid{gap:var(--space-6)}.contact-form-wrapper{padding:var(--space-4)}.contact-item:hover{transform:none}.submit-btn:hover:not(:disabled){transform:none}.form-group input:focus,.form-group textarea:focus{transform:none}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}.submit-btn,.contact-item,.contact-icon,.form-group input,.form-group textarea{transition:none}.contact .scroll-reveal{opacity:1;transform:none;transition:none}}.logoloop-wrapper{position:relative;width:100%;overflow:hidden}.logoloop-track{display:flex;overflow:hidden;user-select:none}.logoloop-track.logoloop-scale .logoloop-item:hover{transform:scale(1.1)}.logoloop-inner{display:flex;align-items:center;gap:var(--logo-gap, 48px);animation:logoloop-scroll var(--logo-speed, 20s) linear infinite;animation-direction:var(--logo-direction, normal);width:max-content}.logoloop-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:var(--logo-height, 40px);flex-shrink:0;color:var(--text-dim);transition:transform .3s ease,color .3s ease}.logoloop-item:hover{color:var(--text-secondary)}.logoloop-item svg,.logoloop-item img{height:var(--logo-height, 40px);width:auto;display:block}.logoloop-label{font-size:10px;font-weight:500;color:var(--text-dim);text-align:center;white-space:nowrap;line-height:1;transition:color .3s ease}.logoloop-item:hover .logoloop-label{color:var(--text-secondary)}@keyframes logoloop-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.logoloop-fade{position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.logoloop-fade-left{left:0;background:linear-gradient(to right,var(--fade-color, #0a0f1a),transparent)}.logoloop-fade-right{right:0;background:linear-gradient(to left,var(--fade-color, #0a0f1a),transparent)}.skills{padding:var(--space-16) 0}.skills-logoloop-container{margin-top:var(--space-6)}@media(max-width:768px){.skills{padding:var(--space-12) 0}}@media(max-width:640px){.skills{padding:var(--space-10) 0}}