: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{max-width:1200px;margin:0 auto;padding:0 2rem}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.title{letter-spacing:-.05em;margin-bottom:1rem;font-size:3rem;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)}.noise-overlay{opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.ambient-orb{filter:blur(120px);opacity:.4;pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite alternate orbFloat;position:absolute}.orb-1{background:radial-gradient(circle,#ffffff26 0%,#0000 70%);width:50vw;height:50vw;animation-delay:0s;top:-10%;left:-10%}.orb-2{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:60vw;height:60vw;animation-duration:25s;animation-delay:-5s;bottom:-20%;right:-10%}.orb-3{background:radial-gradient(circle,#ffffff14 0%,#0000 70%);width:40vw;height:40vw;animation-duration:30s;animation-delay:-10s;top:40%;left:60%}@keyframes orbFloat{0%{transform:translate(0)scale(1)}50%{transform:translate(5%,10%)scale(1.1)}to{transform:translate(-5%,-10%)scale(.9)}}.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}