:root{--background:#000;--foreground:#fff;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--glass-border-hover:#fff3;--glass-blur:blur(16px);--accent:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:opacity .3s}a:hover{opacity:.8}.nav-link{color:#fff9;padding-bottom:4px;font-weight:500;transition:color .3s;display:inline-block;position:relative}.nav-link:hover,.nav-link.active{color:#fff;opacity:1}.nav-link:after{content:"";background-color:var(--foreground);border-radius:2px;width:0;height:2px;transition:width .3s,left .3s;position:absolute;bottom:0;left:50%}.nav-link:hover:after,.nav-link.active:after{width:100%;left:0}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;transition:all .3s}.glass:hover{border-color:var(--glass-border-hover)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width:640px){.container{padding:0 1.25rem}}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2rem;display:grid}@media (max-width:640px){.grid-cards{gap:1.25rem}}.grid-skills{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1.25rem;display:grid}@media (max-width:640px){.grid-skills{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:.75rem}}.nav-links-desktop{gap:2rem;display:flex}.mobile-menu-btn{border:1px solid var(--glass-border);color:var(--foreground);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:all .3s;display:none}.mobile-menu-btn:hover{border-color:var(--glass-border-hover);background:var(--glass-bg)}.mobile-nav-menu{display:none}@media (max-width:768px){.nav-links-desktop{display:none}.mobile-menu-btn{display:inline-flex}.mobile-nav-menu{flex-direction:column;gap:.75rem;padding:1.25rem 0 .5rem;display:flex}}.title{letter-spacing:-.05em;word-break:break-word;margin-bottom:1rem;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700}.subtitle{color:#ffffffb3;margin-bottom:2rem;font-size:1.25rem;font-weight:400}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.hover-scale{transition:transform .3s cubic-bezier(.16,1,.3,1)}.hover-scale:hover{transform:scale(1.02)}.ambient-orb{filter:blur(40px);will-change:transform;pointer-events:none;border-radius:50%;position:absolute;transform:translate(0,0)}.orb-1{background:radial-gradient(circle,#ffffff14 0%,#f0f5ff11 20%,#dcebff0b 40%,#c8dcff06 60%,#b4c8ff03 80%,#0000 100%);width:55vw;max-width:850px;height:55vw;max-height:850px;animation:24s ease-in-out infinite alternate orbFloat1;top:-15%;left:-10%}.orb-2{background:radial-gradient(circle,#a0b9ff11 0%,#aac3ff0d 25%,#b4cdff08 50%,#bed7ff04 75%,#0000 100%);width:65vw;max-width:950px;height:65vw;max-height:950px;animation:28s ease-in-out -6s infinite alternate orbFloat2;bottom:-20%;right:-10%}.orb-3{background:radial-gradient(circle,#ffffff0d 0%,#f0f5ff09 30%,#dce6ff05 60%,#0000 100%);width:45vw;max-width:700px;height:45vw;max-height:700px;animation:32s ease-in-out -12s infinite alternate orbFloat3;top:35%;left:55%}@keyframes orbFloat1{0%{transform:translate(0,0)scale(1)}50%{transform:translate(4vw,3vh)scale(1.08)}to{transform:translate(-3vw,-2vh)scale(.95)}}@keyframes orbFloat2{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-4vw,-4vh)scale(1.06)}to{transform:translate(3vw,2vh)scale(.94)}}@keyframes orbFloat3{0%{transform:translate(0,0)scale(1)}50%{transform:translate(3vw,-3vh)scale(1.1)}to{transform:translate(-4vw,4vh)scale(.92)}}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border-radius:8px;justify-content:center;align-items:center;padding:.8rem 1.75rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--foreground);color:var(--background);border:1px solid var(--foreground)}.btn-primary:hover{color:var(--foreground);opacity:1;background:0 0}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--foreground)}.btn-secondary:hover{border-color:var(--glass-border-hover);opacity:1;background:#ffffff1a}.hover-color-windows{transition:transform .3s}.hover-color-windows svg{color:#fff;transition:color .3s}.hover-color-windows:hover{transform:scale(1.05)}.hover-color-windows:hover svg{color:#0078d6}.hover-color-arch{transition:transform .3s}.hover-color-arch svg{color:#fff;transition:color .3s}.hover-color-arch:hover{transform:scale(1.05)}.hover-color-arch:hover svg{color:#1793d1}.card-hover{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s}.card-hover:hover{border-color:#ffffff4d;transform:translateY(-8px)scale(1.01);box-shadow:0 20px 40px -10px #ffffff14}