@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-elevated:#0f0f0f;--surface-nav:#0a0a0ad9;--surface-panel:#0f0f0ffa;--overlay:#0009;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#555;--text-accent:#10b981;--accent:#10b981;--accent-light:#34d399;--accent-dark:#059669;--accent-glow:#10b98126;--accent-glow-strong:#10b9814d;--border:#ffffff0f;--border-hover:#ffffff1f;--glass:#ffffff08;--glass-strong:#ffffff0f;--section-padding:8rem 2rem;--container-max:1200px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--transition-fast:.2s var(--ease-out);--transition-medium:.4s var(--ease-out);--transition-slow:.8s var(--ease-out);--font-heading:"Sora", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}html[data-theme=light]{--bg-primary:#fafafa;--bg-secondary:#f3f4f6;--bg-tertiary:#fff;--bg-elevated:#fff;--text-primary:#0b0f14;--text-secondary:#374151;--text-muted:#6b7280;--text-accent:#059669;--accent:#059669;--accent-light:#10b981;--accent-dark:#047857;--accent-glow:#05966929;--accent-glow-strong:#05966947;--surface-nav:#fafafacc;--surface-panel:#ffffffeb;--overlay:#00000059;--border:#0f172a1a;--border-hover:#0f172a29;--glass:#0206170a;--glass-strong:#02061712}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:80px}body{font-family:var(--font-body);color:var(--text-secondary);background:var(--bg-primary);cursor:default;line-height:1.7;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600;line-height:1.2}.container{max-width:var(--container-max);width:100%;margin:0 auto;padding:0 2rem}section{position:relative}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float-delayed{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-10px)rotate(1deg)}66%{transform:translateY(5px)rotate(-1deg)}}@keyframes glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes rotate-border{to{--border-angle:360deg}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes scroll-arrow-slide{0%{opacity:0;transform:translateY(-22%)scale(.94)}18%{opacity:.55}44%{opacity:1;transform:translate(0,0)scale(1)}72%{opacity:.8;transform:translateY(26%)scale(.98)}to{opacity:0;transform:translateY(44%)scale(.95)}}@keyframes scroll-arrow-bounce{0%,to{opacity:.95;transform:translate(0,0)scale(1)}30%{opacity:.72;transform:translateY(14%)scale(.98)}54%{opacity:.48;transform:translateY(28%)scale(.95)}74%{opacity:.84;transform:translateY(9%)scale(1.01)}}@keyframes scroll-indicator-drift{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,3px)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes orb-float-1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-50px)scale(1.1)}50%{transform:translate(-20px,-80px)scale(.9)}75%{transform:translate(40px,-30px)scale(1.05)}}@keyframes orb-float-2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-40px,30px)scale(.95)}50%{transform:translate(50px,50px)scale(1.1)}75%{transform:translate(-30px,20px)scale(1)}}@keyframes spin-slow{to{transform:rotate(360deg)}}.cursor-follower{border:1.5px solid var(--accent);pointer-events:none;z-index:9999;width:20px;height:20px;transition:width .3s var(--ease-out), height .3s var(--ease-out), border-color .3s var(--ease-out), background .3s var(--ease-out), opacity .3s var(--ease-out);mix-blend-mode:difference;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.cursor-follower.hovering{border-color:var(--accent-light);background:#10b9811a;width:50px;height:50px}.cursor-dot{background:var(--accent);pointer-events:none;z-index:10000;border-radius:50%;width:5px;height:5px;position:fixed;transform:translate(-50%,-50%)}.app{overflow-x:clip}.app-main{width:100%}@media (width<=768px){.cursor-follower,.cursor-dot{display:none}}.navbar{z-index:1000;transition:all .4s var(--ease-out);padding:1.25rem 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:var(--surface-nav);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:.75rem 0}.nav-container{max-width:var(--container-max);justify-content:space-between;align-items:center;margin:0 auto;padding:0 2rem;display:flex}.nav-logo{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-size:1.35rem;font-weight:700;position:relative}.nav-logo .accent{color:var(--accent)}.nav-menu{align-items:center;gap:.35rem;list-style:none;display:flex}.nav-item{align-items:center;display:inline-flex}.nav-link-btn{color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast);letter-spacing:.01em;padding:.5rem 1rem;font-size:.9rem;font-weight:400;position:relative}.nav-link-btn:hover{color:var(--text-primary);background:var(--glass-strong)}.nav-link-btn:focus-visible,.nav-menu li .nav-cv:focus-visible,.nav-cta:focus-visible,.nav-toggle:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.hero-cv-link:focus-visible,.submit-btn:focus-visible,.contact-method:focus-visible,.footer-social-link:focus-visible,.back-to-top:focus-visible,.theme-toggle:focus-visible{box-shadow:0 0 0 3px var(--accent-glow-strong);border-color:var(--accent-light);outline:none}.nav-link-btn.active{color:var(--accent)}.nav-menu li .nav-cv{color:var(--bg-primary);background:var(--accent);border-radius:var(--radius-full);border:1px solid var(--accent);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.nav-menu li .nav-cv:hover{background:var(--accent-light);border-color:var(--accent-light);box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.nav-toggle{border:1px solid var(--border);background:var(--glass);cursor:pointer;z-index:1001;width:42px;height:42px;transition:border-color var(--transition-fast), background var(--transition-fast);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:none;position:relative}.nav-toggle:hover{border-color:var(--border-hover);background:var(--glass-strong)}.nav-toggle span{background:var(--text-primary);width:18px;height:2px;transition:all .3s var(--ease-out);transform-origin:50%;border-radius:2px;display:block}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)scaleX(1.05)}.nav-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)scaleX(1.05)}.nav-cta{color:var(--bg-primary)!important;background:var(--accent)!important;border-radius:var(--radius-full)!important;transition:all var(--transition-fast)!important;padding:.5rem 1.25rem!important;font-size:.85rem!important;font-weight:500!important}.nav-cta:hover{box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px);background:var(--accent-light)!important}.nav-item-theme{gap:.6rem;margin-left:.3rem}.nav-theme-label{color:var(--text-secondary);font-size:.92rem;display:none}@media (width<=768px){.nav-container{padding:0 1rem}.nav-toggle{display:flex}.nav-menu{background:var(--surface-panel);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);width:min(86vw,340px);height:100vh;transition:right .5s var(--ease-out);border-left:1px solid var(--border);flex-direction:column;align-items:stretch;gap:.4rem;padding:5.4rem 1rem 1.5rem;position:fixed;top:0;right:-100%;overflow-y:auto}.nav-menu.open{right:0}.nav-menu li{width:100%}.nav-link-btn{text-align:left;border-radius:var(--radius-md);width:100%;padding:1rem 1.25rem;font-size:1.1rem}.nav-item-theme{border-top:1px solid var(--border);justify-content:space-between;margin-top:.45rem;padding:.6rem 1.25rem}.nav-theme-label{display:inline}.nav-menu li .nav-cv{border-radius:var(--radius-md);justify-content:center;width:100%;padding:1rem 1.25rem;font-size:1rem}.nav-cta{border-radius:var(--radius-md)!important;width:100%!important;padding:1rem 1.25rem!important;font-size:1rem!important}.nav-item-cv,.nav-item-cta{margin-top:.2rem}.nav-overlay{background:var(--overlay);z-index:999;opacity:0;visibility:hidden;transition:all .3s var(--ease-out);position:fixed;inset:0}.nav-overlay.visible{opacity:1;visibility:visible}}.theme-toggle{border:1px solid var(--border);background:linear-gradient(160deg, var(--bg-tertiary), var(--glass-strong));cursor:pointer;touch-action:manipulation;width:44px;height:44px;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden}.theme-toggle:hover{border-color:var(--border-hover);box-shadow:0 10px 28px var(--accent-glow);transform:translateY(-2px)}.theme-toggle:active{transform:scale(.96)}.theme-toggle:before{content:"";background:radial-gradient(circle, var(--accent-glow-strong), transparent 70%);opacity:.85;width:30px;height:30px;transition:transform .45s var(--ease-out), opacity .3s var(--ease-out);border-radius:9999px;position:absolute;top:-8px;left:-10px}.theme-toggle-core{width:22px;height:22px;color:var(--text-primary);position:relative}.theme-icon{width:22px;height:22px;transition:opacity .35s var(--ease-out), transform .45s var(--ease-out), filter .35s var(--ease-out);position:absolute;inset:0}.theme-icon.icon-sun{opacity:0;filter:drop-shadow(0 0 8px var(--accent-glow-strong));transform:scale(.58)rotate(-90deg)}.theme-icon.icon-moon{opacity:1;transform:scale(1)rotate(0)}.theme-toggle.is-light:before{opacity:1;transform:translate(26px,24px)}.theme-toggle.is-light .icon-sun{opacity:1;transform:scale(1)rotate(0)}.theme-toggle.is-light .icon-moon{opacity:0;transform:scale(.5)rotate(90deg)}.theme-toggle.is-dark:before{transform:translate(0)}@media (width<=480px){.navbar{padding:.95rem 0}.navbar.scrolled{padding:.65rem 0}.nav-logo{font-size:1.18rem}.theme-toggle{width:42px;height:42px}}.btn-cv{font-weight:600;text-decoration:none}.w-full{width:100%}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.grid{display:grid}.grid-cols-1{grid-template-columns:minmax(0,1fr)}.items-center{align-items:center}.gap-8{gap:2rem}.hidden{display:none}@media (width>=768px){.md\:py-24{padding-top:6rem;padding-bottom:6rem}}@media (width>=1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:minmax(0,1.02fr) minmax(320px,460px)}.lg\:gap-12{gap:3rem}}.hero{background:radial-gradient(circle at 82% 14%, #10b9811f, transparent 42%), radial-gradient(circle at 14% 82%, #94a3b814, transparent 40%), var(--bg-primary);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle, var(--accent-glow-strong), transparent 70%);width:500px;height:500px;animation:20s ease-in-out infinite orb-float-1;top:-10%;right:-10%}.hero-orb-2{background:radial-gradient(circle,#10b9811f,#0000 70%);width:400px;height:400px;animation:25s ease-in-out infinite orb-float-2;bottom:-15%;left:-15%}.hero-orb-3{background:radial-gradient(circle,#34d39914,#0000 70%);width:250px;height:250px;animation:15s ease-in-out infinite reverse orb-float-1;top:40%;left:30%}.hero-grid{pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0}.hero-content{z-index:2;position:relative}.hero-layout{position:relative}.hero-copy{z-index:2;text-align:center;max-width:640px;margin-inline:auto;position:relative}.hero-visual{justify-content:flex-end;align-items:center;display:flex;position:relative}.hero-visual.hidden{display:none}.hero-mobile-visual{justify-content:center;display:flex}@media (width>=1024px){.hero-visual.hidden.lg\:block{display:flex}.hero-mobile-visual.lg\:hidden{display:none}}.hero-visual-float{animation:7s ease-in-out infinite float-delayed}.hero-tech-canvas-wrap,.hero-tech-fallback{border:1px solid var(--border);background:linear-gradient(150deg,#10b98124,#262d382e);border-radius:24px;width:min(100%,440px);box-shadow:inset 0 0 0 1px #34d3991f}.hero-tech-canvas-wrap{aspect-ratio:10/9;overflow:hidden}.hero-tech-canvas{width:100%;height:100%;display:block}.hero-tech-fallback{aspect-ratio:4/5;background:radial-gradient(circle at 78% 14%,#10b9813d,#0000 50%),linear-gradient(160deg,#0f141cd6,#161b24f2);grid-template-rows:1fr auto;gap:.7rem;padding:.85rem;display:grid;position:relative;overflow:hidden}.hero-tech-fallback-glow{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#34d39942,#0000 70%);border-radius:50%;width:74%;position:absolute;top:-20%;right:-16%}.hero-tech-fallback-avatar-wrap{z-index:1;aspect-ratio:1;background:linear-gradient(145deg,#34d3996b,#6b72803d);border-radius:22px;place-self:center;width:min(66%,168px);padding:4px;position:relative;box-shadow:0 12px 28px #00000059}.hero-tech-fallback-avatar{object-fit:cover;object-position:center;border:1px solid #ffffff1f;border-radius:18px;width:100%;height:100%}.hero-tech-code-card{z-index:1;-webkit-backdrop-filter:blur(8px);background:#020617ad;border:1px solid #94a3b847;border-radius:14px;padding:.55rem .6rem .62rem;position:relative;box-shadow:inset 0 1px #ffffff0f}.hero-tech-code-top{gap:.28rem;margin-bottom:.36rem;display:inline-flex}.hero-tech-code-dot{border-radius:50%;width:7px;height:7px}.hero-tech-code-dot--red{background:#f87171}.hero-tech-code-dot--amber{background:#fbbf24}.hero-tech-code-dot--green{background:#34d399}.hero-tech-code-line{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.63rem;line-height:1.45;display:block;overflow:hidden}.hero-tech-code-line--accent{color:#6ee7b7}.hero-mobile-card{border:1px solid var(--border-hover);background:linear-gradient(160deg,#12161ee6,#1f232ceb);border-radius:22px;width:min(100%,320px);padding:1rem;position:relative;overflow:hidden;box-shadow:0 22px 44px #00000052,inset 0 0 0 1px #94a3b829}.hero-mobile-glow{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#10b98157,#0000 72%);border-radius:999px;width:72%;position:absolute;top:-30%;right:-12%}.hero-mobile-avatar-wrap{background:linear-gradient(145deg,#10b98185,#6b728047);border-radius:18px;width:min(62%,168px);margin:0 auto .8rem;padding:4px}.hero-mobile-avatar{aspect-ratio:1;object-fit:cover;border:1px solid #ffffff24;border-radius:14px;width:100%}.hero-mobile-code-card{-webkit-backdrop-filter:blur(10px);background:#020617a3;border:1px solid #94a3b857;border-radius:12px;padding:.55rem .6rem}.hero-badge{background:var(--glass-strong);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.4rem 1rem;font-size:.85rem;font-weight:400;display:inline-flex}.hero-badge .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite glow-pulse}.hero-greeting{color:var(--accent);font-size:.95rem;font-weight:600;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.65rem}.hero-name{color:var(--text-primary);letter-spacing:-.02em;text-wrap:balance;margin-bottom:.9rem;font-size:clamp(2rem,6vw,4.4rem);font-weight:700;line-height:1.12}.hero-title-sub{color:#c6ccd5;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:400;font-family:var(--font-heading);margin-bottom:1.2rem;max-width:36ch;margin-inline:auto}.hero-description{color:var(--text-secondary);max-width:58ch;margin:0 auto 2rem;font-size:1rem;font-weight:400;line-height:1.75}.hero-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;display:flex}.btn-primary{background:var(--accent);width:min(100%,210px);color:var(--bg-primary);border-radius:var(--radius-full);transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out), background .25s var(--ease-out);box-shadow:0 10px 30px var(--accent-glow);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";transition:transform .5s var(--ease-out);background:linear-gradient(135deg,#0000,#fff3,#0000);position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover:after{transform:translate(100%)}.btn-primary:hover{background:var(--accent-light);box-shadow:0 14px 34px var(--accent-glow-strong);transform:translateY(-2px)scale(1.03)}.btn-primary .arrow{transition:transform var(--transition-fast)}.btn-primary:hover .arrow{transform:translate(4px)}.btn-secondary{width:min(100%,210px);color:var(--text-primary);border:1px solid var(--border-hover);border-radius:var(--radius-full);transition:transform .25s var(--ease-out), border-color .25s var(--ease-out), background .25s var(--ease-out), color .25s var(--ease-out), box-shadow .25s var(--ease-out);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.5rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);transform:translateY(-2px)scale(1.02);box-shadow:0 10px 26px #10b98126}.hero-cv-link{color:var(--text-secondary);text-underline-offset:4px;transition:color var(--transition-fast), text-decoration-color var(--transition-fast);font-size:.9rem;font-weight:500;text-decoration:underline}.hero-cv-link:hover{color:var(--accent-light);-webkit-text-decoration-color:var(--accent-light);text-decoration-color:var(--accent-light)}.scroll-indicator{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:color var(--transition-fast), transform var(--transition-fast);animation:scroll-indicator-drift 2.8s var(--ease-in-out) infinite;z-index:2;background:0 0;border:none;flex-direction:column;align-items:center;gap:.75rem;padding:0;font-size:.75rem;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-indicator:hover{color:var(--text-secondary)}.scroll-indicator__label{font-size:.7rem;font-weight:500}.scroll-indicator__track{border:1px solid var(--border-hover);background:linear-gradient(180deg, var(--glass-strong), transparent);width:34px;height:56px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:999px;place-items:center;display:grid}.scroll-indicator:hover .scroll-indicator__track{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.scroll-indicator__arrow{width:17px;height:17px;stroke:var(--accent-light);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;will-change:transform, opacity}.scroll-indicator--slide .scroll-indicator__arrow{animation:1.9s cubic-bezier(.45,.05,.2,1) infinite scroll-arrow-slide}.scroll-indicator--bounce .scroll-indicator__arrow{animation:1.7s cubic-bezier(.34,1.56,.64,1) infinite scroll-arrow-bounce}.scroll-indicator:hover .scroll-indicator__arrow{animation-duration:1.25s}@media (prefers-reduced-motion:reduce){.scroll-indicator,.scroll-indicator__arrow{animation:none!important}.scroll-indicator{transform:translate(-50%)}}.section-header{text-align:center;margin-bottom:4rem}.section-label{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.8rem;font-weight:500;display:inline-flex}.section-label:before,.section-label:after{content:"";background:var(--accent);opacity:.5;width:30px;height:1px}.section-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.section-subtitle{color:var(--text-secondary);max-width:550px;margin:0 auto;font-size:1.05rem;font-weight:300;line-height:1.7}.about{padding:var(--section-padding);background:var(--bg-primary);position:relative}.about:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.about-content{grid-template-columns:1fr 1.3fr;align-items:center;gap:5rem;margin-top:2rem;display:grid}.about-image-wrapper{justify-content:center;display:flex;position:relative}.about-image-container{border-radius:var(--radius-xl);width:300px;height:360px;position:relative;overflow:hidden}.about-image-container img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.about-image-container:hover img{transform:scale(1.05)}.about-image-glow{border-radius:calc(var(--radius-xl) + 3px);background:conic-gradient(from var(--border-angle), var(--accent), transparent 30%, transparent 70%, var(--accent));z-index:-1;animation:4s linear infinite rotate-border;position:absolute;inset:-3px}.about-image-glow:after{content:"";border-radius:var(--radius-xl);background:var(--bg-primary);position:absolute;inset:3px}.about-experience-badge{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;z-index:2;padding:1rem 1.25rem;position:absolute;bottom:-1rem;right:-1rem}.about-experience-badge .number{color:var(--accent);font-size:1.5rem;font-weight:700;font-family:var(--font-heading)}.about-experience-badge .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.about-text h3{color:var(--text-primary);margin-bottom:1.25rem;font-size:1.8rem;font-weight:600}.about-text p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.98rem;font-weight:300;line-height:1.8}.about-tech{gap:1rem;margin-top:1.5rem;display:grid}.about-tech-group{gap:.55rem;display:grid}.about-tech-title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.9rem;font-weight:600}.about-tech-list{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.about-tech-item{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--glass);color:var(--text-secondary);align-items:center;padding:.35rem .75rem;font-size:.8rem;line-height:1.2;display:inline-flex}.about-stats{border-top:1px solid var(--border);gap:3rem;margin-top:2.5rem;padding-top:2rem;display:flex}.stat{text-align:left}.stat-number{color:var(--accent);font-size:2.2rem;font-weight:700;font-family:var(--font-heading);line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.35rem;font-size:.85rem}.glass-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .4s var(--ease-out);position:relative;overflow:hidden}.glass-card:before{content:"";border-radius:var(--radius-lg);pointer-events:none;background:conic-gradient(from var(--border-angle), transparent 40%, var(--accent) 50%, transparent 60%);-webkit-mask-composite:xor;opacity:0;transition:opacity .4s var(--ease-out);padding:1px;animation:3s linear infinite rotate-border;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card:hover{box-shadow:0 20px 60px #0006, 0 0 40px var(--accent-glow);border-color:#0000;transform:translateY(-8px)}.glass-card:hover:before{opacity:1}.glass-card .card-shimmer{background:linear-gradient(135deg, transparent 30%, var(--accent-glow) 50%, transparent 70%);opacity:0;transition:opacity .4s var(--ease-out);pointer-events:none;position:absolute;inset:0}.glass-card:hover .card-shimmer{opacity:1}.projects{padding:var(--section-padding);background:var(--bg-primary);position:relative}.projects:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.75rem;margin-top:1rem;display:grid}.project-card{flex-direction:column;padding:2rem;display:flex}.project-media{aspect-ratio:16/9;border-radius:calc(var(--radius-lg) - 4px);border:1px solid var(--border);background:linear-gradient(135deg, var(--glass-strong), transparent);width:100%;margin-bottom:1.25rem;position:relative;overflow:hidden}.project-media img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease-out), filter .8s var(--ease-out);filter:saturate(1.05)contrast(1.05);transform:scale(1.02)}.glass-card:hover .project-media img{filter:saturate(1.15)contrast(1.08);transform:scale(1.08)}.project-icon{filter:drop-shadow(0 0 10px var(--accent-glow));margin:1.25rem;font-size:2.5rem;display:inline-block}.project-card h3{color:var(--text-primary);transition:color var(--transition-fast);margin-bottom:.75rem;font-size:1.35rem;font-weight:600}.glass-card:hover .project-card h3{color:var(--accent)}.project-card>p{color:var(--text-secondary);flex:1;margin-bottom:1.5rem;font-size:.9rem;font-weight:300;line-height:1.7}.project-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem;display:flex}.tag{background:var(--glass-strong);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast);letter-spacing:.02em;padding:.3rem .85rem;font-size:.75rem;font-weight:400}.glass-card:hover .tag{color:var(--accent);background:var(--accent-glow);border-color:#10b98133}.project-links{gap:.75rem;margin-top:auto;display:flex}.project-link{border:1px solid var(--border-hover);color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.project-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.project-link:focus-visible{border-color:var(--accent-light);box-shadow:0 0 0 3px var(--accent-glow-strong);outline:none}.project-link:active{transform:translateY(1px)}.project-link.is-disabled{opacity:.6;cursor:not-allowed;border-style:dashed}.project-link.is-disabled:hover{box-shadow:none;border-color:var(--border-hover);color:var(--text-secondary);background:0 0;transform:none}.project-link.primary{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.project-link.primary:hover{background:var(--accent-light);border-color:var(--accent-light);box-shadow:0 4px 20px var(--accent-glow-strong)}.project-link .link-arrow{transition:transform var(--transition-fast);font-size:.8rem}.project-link:hover .link-arrow{transform:translate(3px)translateY(-2px)}.skills-section{padding:var(--section-padding);background:var(--bg-secondary);position:relative;overflow:hidden}.skills-section:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.skills-section:after{content:"";background:radial-gradient(circle, var(--accent-glow-strong) 0%, transparent 70%);filter:blur(8px);opacity:.45;pointer-events:none;border-radius:50%;width:380px;height:380px;position:absolute;top:-200px;right:-140px}.skills-section__heading{text-align:center;max-width:680px;margin:0 auto 2.6rem}.skills-section__title{letter-spacing:-.03em;margin-bottom:.45rem;font-size:clamp(2rem,4vw,2.8rem)}.skills-section__subtitle{color:var(--accent);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.85rem;font-size:1rem;font-weight:600}.skills-section__description{color:var(--text-secondary);line-height:1.75}.skills-section__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35rem;display:grid}.skills-section__card{background:linear-gradient(160deg, var(--bg-elevated) 0%, #10b9810d 100%);border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:320px;transform-style:preserve-3d;transition:transform .35s var(--ease-out), border-color var(--transition-fast), box-shadow .35s var(--ease-out);padding:1.35rem;position:relative}.skills-section__card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:opacity var(--transition-medium);background:linear-gradient(145deg,#ffffff2b,#0000 42%,#10b98173);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.skills-section__card:hover{border-color:var(--border-hover);box-shadow:0 18px 40px #00000052, 0 10px 30px var(--accent-glow-strong)}.skills-section__card:hover:before{opacity:1}.skills-section__card-glow{background:radial-gradient(circle, var(--accent-glow-strong), transparent 70%);opacity:.55;pointer-events:none;border-radius:50%;width:190px;height:190px;position:absolute;inset:auto -60px -100px auto}.skills-section__card-header{align-items:center;gap:.85rem;margin-bottom:1.2rem;display:flex}.skills-section__category-icon{letter-spacing:.08em;width:40px;height:40px;color:var(--text-primary);border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:inline-flex}.skills-section__category-icon--frontend{background:linear-gradient(140deg,#38bdf859,#1e40af59)}.skills-section__category-icon--backend{background:linear-gradient(140deg,#10b98159,#05966959)}.skills-section__category-icon--database{background:linear-gradient(140deg,#f9731652,#c2410c59)}.skills-section__category-icon--tools{background:linear-gradient(140deg,#8b5cf652,#4338ca59)}.skills-section__category-title{letter-spacing:-.01em;font-size:1.1rem;font-weight:600}.skills-section__skill-list{gap:.65rem;list-style:none;display:grid}.skills-section__skill-item{border-radius:var(--radius-md);background:var(--glass);transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);border:1px solid #0000;align-items:center;gap:.72rem;padding:.58rem .62rem;display:flex}.skills-section__skill-item:hover{border-color:var(--border-hover);background:var(--glass-strong);transform:translate(6px)}.skill-item{align-items:center;gap:.72rem;display:inline-flex}.skill-icon{width:24px;height:24px;transition:transform var(--transition-fast), color var(--transition-fast), filter var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:1.18rem;line-height:1;display:inline-flex}.skill-icon i{line-height:1;display:inline-block}.skill-text{display:inline-block}.skills-section__skill-item--frontend .skill-icon{color:#4ec7f4}.skills-section__skill-item--backend .skill-icon{color:#22c55e}.skills-section__skill-item--database .skill-icon{color:#fb923c}.skills-section__skill-item--tools .skill-icon{color:#a78bfa}.skills-section__skill-item:hover .skill-icon{filter:drop-shadow(0 0 10px var(--accent-glow-strong));transform:scale(1.12)rotate(-6deg)}.skills-section__skill-name{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.92rem}.skills-section__skill-item:hover .skills-section__skill-name{color:var(--text-primary)}.skills-section__empty-state{color:var(--text-secondary);margin-top:.35rem}@media (width<=1100px){.skills-section__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.skills-section__grid{grid-template-columns:1fr}.skills-section__card{min-height:0}}.contact{padding:var(--section-padding);background:var(--bg-primary);position:relative}.contact:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.contact-wrapper{grid-template-columns:1fr 1.2fr;align-items:start;gap:4rem;margin-top:1rem;display:grid}.contact-info h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.6rem;font-weight:600}.contact-info>p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:.95rem;font-weight:300;line-height:1.8}.contact-methods{flex-direction:column;gap:1rem;display:flex}.contact-method{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast);color:var(--text-secondary);align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;display:flex}.contact-method:hover{border-color:var(--accent);background:var(--accent-glow);transform:translate(8px)}.contact-method .method-icon{background:var(--accent-glow);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.contact-method .method-info{flex-direction:column;display:flex}.contact-method .method-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:500}.contact-method .method-value{color:var(--text-primary);font-size:.9rem;font-weight:400}.contact-form-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;position:relative;overflow:hidden}.contact-form-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-light), var(--accent));background-size:200% 100%;height:2px;animation:3s infinite gradient-shift;position:absolute;top:0;left:0;right:0}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.form-group input,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-fast);outline:none;padding:.85rem 1rem;font-size:.95rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:var(--accent);width:100%;color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.9rem;font-size:.95rem;font-weight:600;position:relative;overflow:hidden}.submit-btn:hover:not(:disabled){background:var(--accent-light);box-shadow:0 8px 30px var(--accent-glow-strong);transform:translateY(-2px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#ef4444;border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500}.success-message{color:var(--accent);background:var(--accent-glow);border-radius:var(--radius-md);border:1px solid #10b98133;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500}.footer{background:var(--bg-secondary);padding:3rem 2rem;position:relative}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);height:1px;position:absolute;top:0;left:0;right:0}.footer-content{max-width:var(--container-max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin:0 auto;display:flex}.footer-left p{color:var(--text-muted);font-size:.85rem}.footer-left .footer-name{color:var(--text-primary);font-weight:500}.footer-socials{gap:.75rem;display:flex}.footer-social-link{background:var(--glass-strong);border:1px solid var(--border);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1rem;text-decoration:none;display:flex}.footer-social-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);transform:translateY(-3px)}.back-to-top{background:var(--accent);width:40px;height:40px;color:var(--bg-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.back-to-top:hover{background:var(--accent-light);box-shadow:0 4px 20px var(--accent-glow-strong);transform:translateY(-3px)}.gsap-reveal{opacity:0;transform:translateY(40px)}.gsap-reveal-left{opacity:0;transform:translate(-40px)}.gsap-reveal-right{opacity:0;transform:translate(40px)}.gsap-reveal-scale{opacity:0;transform:scale(.9)}.tilt-card{transform-style:preserve-3d;transition:transform .15s ease-out}.tilt-card .card-content{transform:translateZ(30px)}:root{--section-padding:4.5rem 1rem}.container,.nav-container{padding-left:1rem;padding-right:1rem}.hero-content{max-width:100%}.hero-tech-canvas-wrap,.hero-tech-fallback{width:min(100%,260px)}.hero-tech-code-line{font-size:.62rem}.hero-description{margin-left:auto;margin-right:auto}.hero-buttons,.btn-primary,.btn-secondary{justify-content:center;width:100%}.hero-orb-1{width:260px;height:260px;right:-20%}.hero-orb-2{width:210px;height:210px;left:-20%}.hero-orb-3{width:150px;height:150px}.scroll-indicator{display:none}.about-content,.contact-wrapper{grid-template-columns:1fr;gap:2.25rem}.about-image-wrapper{order:-1}.about-image-container{width:min(100%,240px);height:290px}.about-experience-badge{bottom:-.75rem;right:0}.about-text,.about-text h3,.about-stats,.about-tech{text-align:left}.about-stats{flex-direction:column;gap:1rem}.projects-grid{grid-template-columns:1fr;gap:1rem}.project-card{padding:1.15rem}.project-links{flex-direction:column}.project-link{justify-content:center;width:100%}.skills-section__grid{grid-template-columns:1fr}.contact-form-card{padding:1.35rem}.contact-method .method-value{overflow-wrap:anywhere}.footer-content{flex-direction:column;align-items:flex-start}.back-to-top{align-self:flex-end}.nav-toggle{display:flex}.nav-menu{background:var(--surface-panel);-webkit-backdrop-filter:blur(30px);width:min(86vw,340px);height:100vh;transition:right .5s var(--ease-out);border-left:1px solid var(--border);flex-direction:column;align-items:stretch;gap:.4rem;padding:5.4rem 1rem 1.5rem;position:fixed;top:0;right:-100%;overflow-y:auto}.nav-menu.open{right:0}.nav-menu li{width:100%}.nav-link-btn,.nav-menu li .nav-cv,.nav-cta{text-align:left;border-radius:var(--radius-md);width:100%;padding:1rem 1.25rem}.nav-overlay{background:var(--overlay);z-index:999;opacity:0;visibility:hidden;transition:all .3s var(--ease-out);position:fixed;inset:0}.nav-overlay.visible{opacity:1;visibility:visible}@media (width>=768px){:root{--section-padding:5.5rem 1.35rem}.container,.nav-container{padding-left:1.35rem;padding-right:1.35rem}.hero-tech-canvas-wrap,.hero-tech-fallback{width:min(100%,320px)}.hero-tech-fallback{padding:1rem}.hero-tech-code-line{font-size:.68rem}.hero-buttons{flex-direction:row;width:auto}.btn-primary,.btn-secondary{width:min(100%,220px)}.about-image-container{width:280px;height:340px}.about-stats{flex-flow:wrap;gap:2rem}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-links{flex-flow:wrap}.project-link{width:auto}.skills-section__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form-card{padding:2rem}.footer-content{flex-direction:row;align-items:center}.back-to-top{align-self:center}}@media (width>=1024px){:root{--section-padding:7rem 2rem}.container,.nav-container{padding-left:2rem;padding-right:2rem}.hero-visual{justify-content:flex-end}.hero-tech-canvas-wrap,.hero-tech-fallback{width:min(100%,440px)}.hero-copy{text-align:left;margin-inline:0}.hero-title-sub{margin-inline:0}.hero-description{margin-left:0;margin-right:0}.hero-buttons{justify-content:flex-start}.btn-primary,.btn-secondary{width:auto}.scroll-indicator{display:flex}.hero-orb-1{width:500px;height:500px;right:-10%}.hero-orb-2{width:400px;height:400px;left:-15%}.hero-orb-3{width:250px;height:250px}.about-content{grid-template-columns:1fr 1.3fr;align-items:center;gap:5rem}.about-image-wrapper{order:0}.about-image-container{width:300px;height:360px}.about-text,.about-text h3,.about-stats,.about-tech{text-align:left}.about-stats{flex-wrap:nowrap;justify-content:flex-start;gap:3rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.75rem}.project-card{padding:2rem}.project-links{flex-wrap:nowrap}.skills-section__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.contact-wrapper{grid-template-columns:1fr 1.2fr;gap:4rem}.nav-toggle,.nav-overlay{display:none}.nav-menu{-webkit-backdrop-filter:none;background:0 0;border-left:0;flex-direction:row;align-items:center;gap:.35rem;width:auto;height:auto;padding:0;transition:none;position:static;inset:auto;overflow:visible}.nav-menu li{width:auto}.nav-link-btn,.nav-menu li .nav-cv,.nav-cta{text-align:center;border-radius:var(--radius-full);width:auto;padding:.5rem 1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}