:root{--primary: #007aff;--primary-light: #5ac8fa;--text: #1c1c1e;--text-secondary: #636366;--text-muted: #aeaeb2;--bg: linear-gradient(180deg, #e8e8ed 0%, #d1d1d6 100%);--glass-bg: linear-gradient( 145deg, rgba(255, 255, 255, .85) 0%, rgba(245, 245, 250, .6) 50%, rgba(255, 255, 255, .75) 100% );--glass-border: linear-gradient( 145deg, rgba(255, 255, 255, 1) 0%, rgba(200, 200, 210, .5) 50%, rgba(255, 255, 255, .9) 100% );--glass-shadow: 0 8px 40px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .06), inset 0 1px 2px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(0, 0, 0, .05);--glass-blur: blur(50px) saturate(200%);--radius: 24px;--radius-sm: 16px;--radius-xs: 12px;--radius-pill: 999px;--max-width: 1100px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif;--spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.25, 1, .5, 1);--duration: .4s;--duration-fast: .2s}[data-theme=dark]{--text: #ffffff;--text-secondary: #98989d;--text-muted: #636366;--bg: linear-gradient(180deg, #0a0a0a 0%, #1c1c1e 100%);--glass-bg: linear-gradient( 145deg, rgba(80, 80, 90, .5) 0%, rgba(50, 50, 58, .4) 50%, rgba(65, 65, 75, .45) 100% );--glass-border: linear-gradient( 145deg, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .15) 100% );--glass-shadow: 0 8px 40px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .3), inset 0 1px 2px rgba(255, 255, 255, .15), inset 0 -1px 2px rgba(0, 0, 0, .3)}[data-theme=dark] .glass{border:1px solid rgba(255,255,255,.12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--duration) var(--ease-out),color var(--duration) var(--ease-out);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse 120% 100% at 15% -10%,rgba(0,122,255,.25) 0%,transparent 50%),radial-gradient(ellipse 100% 80% at 85% 0%,rgba(175,82,222,.2) 0%,transparent 45%),radial-gradient(ellipse 80% 100% at 50% 110%,rgba(52,199,89,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 30% 60%,rgba(255,149,0,.1) 0%,transparent 40%);animation:ambientShift 20s ease-in-out infinite alternate}@keyframes ambientShift{0%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}[data-theme=dark] body:before{background:radial-gradient(ellipse 100% 80% at 20% 0%,rgba(0,122,255,.2) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 80% 10%,rgba(175,82,222,.15) 0%,transparent 45%),radial-gradient(ellipse 60% 80% at 50% 100%,rgba(52,199,89,.1) 0%,transparent 50%)}body:after{content:"";position:fixed;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(0,122,255,.12) 0%,rgba(175,82,222,.06) 40%,transparent 70%);top:-300px;right:-300px;z-index:-1;animation:floatOrb 15s ease-in-out infinite;pointer-events:none}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,50px) scale(1.1)}}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.glass{position:relative;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius);box-shadow:var(--glass-shadow);overflow:hidden;border:1px solid rgba(255,255,255,.6)}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--glass-border);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.header{padding-top:20px;margin-bottom:24px;animation:slideDown .8s var(--spring) backwards;animation-delay:.1s}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}}.header-inner{position:relative;display:flex;justify-content:space-between;align-items:center;padding:16px 36px;gap:24px}.header-nav{display:flex;gap:8px}.nav-link{padding:10px 18px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:all var(--duration-fast) var(--spring)}.nav-link:hover{color:var(--text);background:#7878801f}[data-theme=dark] .nav-link:hover{background:#ffffff1a}.header-actions{display:flex;align-items:center;gap:10px}.header-pill{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:100px;font-size:.82rem;font-weight:500;color:var(--text-secondary);background:#78788014;border:1px solid rgba(120,120,128,.12);transition:all .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none;white-space:nowrap}.header-pill:hover{color:var(--text);background:#78788029;border-color:#78788040;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.header-pill:active{transform:translateY(0) scale(.97)}[data-theme=dark] .header-pill{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .header-pill:hover{background:#ffffff1f;border-color:#fff3;box-shadow:0 4px 16px #00000040}.header-pill svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.header-pill span{letter-spacing:.01em}.logo{font-size:1rem;font-weight:600;letter-spacing:-.02em;transition:transform var(--duration-fast) var(--spring)}.logo:hover{transform:scale(1.02)}.logo small{display:block;font-size:.65rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em;margin-top:2px}.theme-toggle-btn{position:relative;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#ffc83226,#ff960014);border:1.5px solid rgba(255,200,50,.25);display:grid;place-items:center;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .5s ease,border-color .5s ease,box-shadow .5s ease;z-index:1;overflow:visible;box-shadow:0 0 16px #ffb43226}.theme-toggle-btn:hover{transform:scale(1.12);box-shadow:0 0 24px #ffb4324d}.theme-toggle-btn:active{transform:scale(.92)}[data-theme=dark] .theme-toggle-btn{background:linear-gradient(135deg,#6478ff26,#a064ff14);border-color:#a08cff4d;box-shadow:0 0 16px #7864ff26}[data-theme=dark] .theme-toggle-btn:hover{box-shadow:0 0 24px #7864ff59}.toggle-scene,.sun-moon{position:relative;width:28px;height:28px}.sun-core{position:absolute;inset:4px;border-radius:50%;background:linear-gradient(135deg,#ffd000,#ff9500);transition:background .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1);z-index:2}[data-theme=dark] .sun-core{background:linear-gradient(135deg,#e0e8ff,#b8c4ff);transform:scale(.85)}.moon-mask{position:absolute;width:16px;height:16px;border-radius:50%;background:#7878801f;top:0;right:-4px;z-index:3;transform:translate(16px,-8px);transition:transform .5s cubic-bezier(.34,1.56,.64,1),background .5s ease;opacity:0}[data-theme=dark] .moon-mask{transform:translate(0);opacity:1;background:linear-gradient(135deg,#6478ff26,#a064ff14)}.sun-rays{position:absolute;inset:-2px;z-index:1;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;animation:raysSpin 12s linear infinite}[data-theme=dark] .sun-rays{transform:scale(.5);opacity:0}.sun-rays span{position:absolute;display:block;width:2.5px;height:6px;border-radius:2px;background:linear-gradient(to bottom,#ffd000,transparent);left:50%;top:0;transform-origin:50% 16px;margin-left:-1.25px}.sun-rays span:nth-child(1){transform:rotate(0)}.sun-rays span:nth-child(2){transform:rotate(45deg)}.sun-rays span:nth-child(3){transform:rotate(90deg)}.sun-rays span:nth-child(4){transform:rotate(135deg)}.sun-rays span:nth-child(5){transform:rotate(180deg)}.sun-rays span:nth-child(6){transform:rotate(225deg)}.sun-rays span:nth-child(7){transform:rotate(270deg)}.sun-rays span:nth-child(8){transform:rotate(315deg)}@keyframes raysSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toggle-stars{position:absolute;inset:0;z-index:4;pointer-events:none}.star{position:absolute;border-radius:50%;background:#fff;opacity:0;transform:scale(0);transition:opacity .4s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.star-1{width:3px;height:3px;top:2px;left:0;transition-delay:.1s}.star-2{width:2px;height:2px;bottom:4px;left:2px;transition-delay:.2s}.star-3{width:2.5px;height:2.5px;top:10px;left:-4px;transition-delay:.3s}[data-theme=dark] .star{opacity:1;transform:scale(1);animation:starTwinkle 2s ease-in-out infinite alternate}[data-theme=dark] .star-2{animation-delay:.6s}[data-theme=dark] .star-3{animation-delay:1.2s}@keyframes starTwinkle{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.hero{margin-bottom:32px;animation:slideUp .8s var(--spring) backwards;animation-delay:.2s}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}}.hero-inner{position:relative;display:grid;grid-template-columns:1fr auto;gap:48px;padding:56px;align-items:center}.hero-content{position:relative;z-index:1}.hero-content h1{font-size:clamp(2.2rem,5vw,3rem);font-weight:700;letter-spacing:-.04em;line-height:1.25;margin-bottom:8px;color:#fff;text-shadow:0 1px 0 rgba(255,255,255,.15),0 2px 4px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.15)}[data-theme=light] .hero-content h1{color:#1a1a2e;text-shadow:0 1px 0 rgba(255,255,255,.6),0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.06)}.hero-role{font-size:1.1rem;color:var(--primary);font-weight:500;margin-bottom:16px;opacity:.9}.hero-desc{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:28px;max-width:420px}.hero-photo{position:relative;display:flex;justify-content:flex-end;align-items:center;z-index:1}.photo-frame{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}.photo-frame:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light),rgba(175,82,222,.6));z-index:-1;opacity:.6;animation:photoGlow 4s ease-in-out infinite alternate}@keyframes photoGlow{0%{opacity:.4;transform:scale(1)}to{opacity:.7;transform:scale(1.02)}}.photo-frame :global(picture){width:100%;height:100%;display:flex;align-items:center;justify-content:center}.photo-frame img,.photo-frame :global(img){display:block;width:100%!important;height:100%!important;object-fit:cover;object-position:center top;border-radius:50%;border:3px solid rgba(255,255,255,.8);transition:none}[data-theme=dark] .photo-frame img,[data-theme=dark] .photo-frame :global(img){border-color:#fff3}.social-links{display:flex;flex-wrap:wrap;gap:12px}.social-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;color:var(--text);background:#7878801f;transition:all var(--duration-fast) var(--spring);position:relative;overflow:hidden}.social-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s var(--ease-out)}.social-btn:hover:before{transform:translate(100%)}.social-btn:hover{transform:translateY(-3px) scale(1.02);background:#78788033;box-shadow:0 8px 24px #0000001a}.social-btn:active{transform:translateY(-1px) scale(.98)}[data-theme=dark] .social-btn{background:#ffffff1a}[data-theme=dark] .social-btn:hover{background:#ffffff2e}.social-btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 16px #007aff4d}.social-btn.primary:hover{background:#0066d6;box-shadow:0 8px 24px #007aff66}.portfolio{margin-bottom:32px;animation:slideUp .8s var(--spring) backwards;animation-delay:.3s}.portfolio-inner{position:relative;padding:36px}.segmented-control{display:flex;justify-content:center;margin-bottom:36px;position:relative;z-index:1}.segmented-wrapper{display:inline-flex;padding:4px;gap:2px;border-radius:var(--radius-pill);background:#00000012}[data-theme=dark] .segmented-wrapper{background:#ffffff14}.segment-btn{padding:8px 28px;border:none;border-radius:var(--radius-pill);background:transparent;font-family:var(--font);font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out)}.segment-btn[data-active=true]{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text);box-shadow:0 2px 8px #0000001f,inset 0 1px 1px #fff9}[data-theme=dark] .segment-btn[data-active=true]{box-shadow:0 2px 8px #0006,inset 0 1px 1px #ffffff26}.segment-btn:hover:not([data-active=true]){color:var(--text)}.projects-list{display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.project-item{padding:28px;border-radius:var(--radius-sm);background:#ffffff80;border:1px solid rgba(255,255,255,.6);transition:all var(--duration) var(--spring);animation:fadeInUp .5s var(--ease-out) backwards}.project-item:nth-child(1){animation-delay:.1s}.project-item:nth-child(2){animation-delay:.15s}.project-item:nth-child(3){animation-delay:.2s}.project-item:nth-child(4){animation-delay:.25s}.project-item:nth-child(5){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}}.project-item:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px #0000001a;border-color:#fffc}[data-theme=dark] .project-item{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .project-item:hover{background:#ffffff14;border-color:#ffffff26}.project-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px;gap:4px}.project-title{font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.project-role{font-size:.8rem;color:var(--text-muted)}.project-media{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;justify-items:center}.media-item{aspect-ratio:9/16;border-radius:var(--radius-xs);background:linear-gradient(135deg,#7878801a,#7878800d);overflow:hidden;width:100%;transition:all var(--duration) var(--spring);box-shadow:0 4px 16px #00000014}.media-item:hover{transform:scale(1.05) translateY(-4px);box-shadow:0 12px 32px #00000026}.media-item img,.media-item :global(img){width:100%;height:100%;object-fit:contain;transition:transform var(--duration) var(--ease-out)}.media-item:hover img,.media-item:hover :global(img){transform:scale(1.02)}.project-links{display:flex;gap:12px;justify-content:center;margin-top:20px}.project-link{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-xs);background:#78788014;transition:all var(--duration-fast) var(--spring)}.project-link:hover{background:#78788026;transform:scale(1.1) translateY(-2px)}.project-link:active{transform:scale(.95)}[data-theme=dark] .project-link{background:#ffffff14}[data-theme=dark] .project-link:hover{background:#ffffff26}.project-link svg{width:24px;height:24px;fill:currentColor;transition:transform var(--duration-fast) var(--spring)}.project-link:hover svg{transform:scale(1.1)}.tab-content{display:none;animation:tabFadeIn .4s var(--ease-out)}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(10px)}}.tab-content[data-active=true]{display:block}.footer{padding-top:20px;padding-bottom:40px;animation:slideUp .8s var(--spring) backwards;animation-delay:.4s}.footer-inner{position:relative;padding:24px 36px;text-align:center;color:var(--text-secondary);font-size:.85rem}@media(max-width:768px){.hero-inner{grid-template-columns:1fr;text-align:center;padding:36px 24px;gap:32px}.hero-photo{order:-1;justify-content:center}.hero-content h1{font-size:2rem}.hero-desc{max-width:100%}.social-links{justify-content:center}.project-media{grid-template-columns:repeat(3,1fr);gap:8px}.media-item{max-width:100%}.photo-frame{width:180px;height:180px}.segment-btn{padding:10px 24px;font-size:.85rem}.portfolio-inner{padding:24px 16px}.header-nav,.header-pill span{display:none}.header-pill{padding:8px;border-radius:50%}}@media(min-width:481px)and (max-width:768px){.header-pill span{display:none}.header-pill{padding:8px;border-radius:50%}.header-nav{display:none}}@media(max-width:480px){.container{padding-left:16px;padding-right:16px}.header{padding-top:16px}.footer{padding-bottom:48px}.footer-inner{padding:20px}.header-inner{padding:12px 16px}.hero-inner{padding:24px 16px}.social-btn{padding:10px 16px;font-size:.85rem}.project-item{padding:20px 16px}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.tilt-card{transform-style:preserve-3d;perspective:1000px}.tilt-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateZ(10px)}.project-item{transform-style:preserve-3d;transition:all var(--duration) var(--spring),transform .15s ease-out}:focus{outline:none}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius-xs)}.social-btn:focus-visible,.project-link:focus-visible,.segment-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px #007aff33}.theme-toggle-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);padding:12px 24px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-weight:600;z-index:9999;transition:top .3s var(--ease-out)}.skip-link:focus{top:20px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff6;transform:translate(-50%,-50%);opacity:0}.ripple:active:after{width:200%;height:200%;opacity:1;transition:width .3s,height .3s,opacity .3s}[data-theme=dark] .ripple:after{background:#fff3}@keyframes springBounce{0%{transform:scale(1)}50%{transform:scale(.95)}75%{transform:scale(1.02)}to{transform:scale(1)}}.social-btn:active,.project-link:active,.segment-btn:active{animation:springBounce .3s var(--spring)}.media-item{position:relative;background:linear-gradient(135deg,#78788026,#78788014,#78788026);background-size:200% 200%;animation:shimmerLoad 1.5s ease-in-out infinite}@keyframes shimmerLoad{0%{background-position:200% 0}to{background-position:-200% 0}}.media-item img,.media-item :global(img){opacity:0;transition:opacity .4s var(--ease-out)}.media-item img.loaded,.media-item :global(img.loaded){opacity:1}.media-item.has-image{animation:none;background:transparent}.photo-frame{transition:transform var(--duration) var(--spring)}.photo-frame:hover{transform:none}.photo-frame img{transition:none}.photo-frame:hover img,.photo-frame:hover :global(img){transform:none}