:root{--bg-primary:#07080b;--bg-secondary:#0d0e15;--bg-card:#12151f8c;--bg-card-hover:#1a1f2ed9;--bg-nav:#07080bbf;--border-glass:#ffffff14;--border-glass-hover:#1c4fe873;--border-glow:#1c4fe880;--accent-cyan:#1c4fe8;--accent-blue:#1c4fe8;--accent-cyan-glow:#1c4fe84d;--accent-violet:#8a2be2;--accent-violet-glow:#8a2be24d;--accent-pink:#ff007a;--accent-amber:#f90;--accent-emerald:#10b981;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-dim:#64748b;--font-heading:"Bricolage Grotesque", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Bricolage Grotesque", -apple-system, BlinkMacSystemFont, sans-serif;--font-code:"Bricolage Grotesque", "Space Grotesk", monospace;--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--transition-normal:.4s cubic-bezier(.16, 1, .3, 1);--transition-slow:.7s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-primary);font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px}.glass-panel:hover{border-color:var(--border-glass-hover);box-shadow:0 10px 30px -10px var(--accent-cyan-glow)}.glass-nav{background:var(--bg-nav);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass)}.text-gradient{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-cyan{background:linear-gradient(135deg,#4a7aff 0%,#1c4fe8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-violet{background:linear-gradient(135deg,#1c4fe8 0%,#8a2be2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-multicolor{background:linear-gradient(135deg,#1c4fe8 0%,#8a2be2 50%,#ff007a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.badge-status{color:#4a7aff;letter-spacing:.02em;background:#1c4fe81f;border:1px solid #1c4fe859;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.badge-status .pulse-dot{background-color:#1c4fe8;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 10px #1c4fe8}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}@property --shine-angle{syntax:"<angle>";inherits:false;initial-value:135deg}.btn-primary,.btn-secondary{isolation:isolate;letter-spacing:.01em;-webkit-backdrop-filter:blur(16px)saturate(180%);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:700;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),background .35s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before,.btn-secondary:before{content:"";border-top-left-radius:inherit;border-top-right-radius:inherit;pointer-events:none;z-index:2;opacity:.85;background:linear-gradient(#ffffff73 0%,#ffffff1f 60%,#fff0 100%);height:50%;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.btn-primary{background:linear-gradient(135deg, #1c4fe8e6 0%, #0e2d96f2 100%) padding-box, conic-gradient(from var(--shine-angle,135deg), #fffffff2 0deg, #1c4fe8d9 90deg, #ffffff59 180deg, #1c4fe8e6 270deg, #fffffff2 360deg) border-box;color:#fff;border:1.5px solid #0000;box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 2px #0006,0 8px 30px #1c4fe873,0 0 20px #1c4fe84d}.btn-primary>*{z-index:3;position:relative}.btn-primary:hover{transform:translateY(2px)scale(.98);box-shadow:inset 0 2px 4px #0006,inset 0 1px 1px #fff6,0 4px 15px #1c4fe866,0 0 25px #1c4fe873}.btn-primary:active{transform:translateY(4px)scale(.96);box-shadow:inset 0 3px 6px #0009,0 2px 8px #1c4fe84d}.btn-secondary{background:transparent padding-box, conic-gradient(from var(--shine-angle,135deg), #ffffffb3 0deg, #1c4fe8b3 120deg, #fff3 210deg, #1c4fe8b3 300deg, #ffffffb3 360deg) border-box;color:#fff;-webkit-backdrop-filter:blur(12px);border:1.5px solid #0000;box-shadow:inset 0 1px 1px #ffffff40,inset 0 0 15px #1c4fe826}.btn-secondary>*{z-index:3;position:relative}.btn-secondary:hover{background:#1c4fe814 padding-box, conic-gradient(from var(--shine-angle,135deg), #fffffff2 0deg, #1c4fe8e6 120deg, #ffffff4d 210deg, #1c4fe8e6 300deg, #fffffff2 360deg) border-box;transform:translateY(2px)scale(.98);box-shadow:inset 0 2px 4px #00000059,inset 0 1px 1px #ffffff4d,inset 0 0 20px #1c4fe840}.btn-secondary:active{transform:translateY(4px)scale(.96);box-shadow:inset 0 3px 6px #00000080,inset 0 0 10px #0003}.section-container{width:100%;max-width:1280px;margin:0 auto;padding:120px 24px}@media (width<=1024px){.section-container{padding:100px 20px}.section-header{margin:0 auto 48px}}@media (width<=768px){.section-container{padding:60px 18px}.section-header{margin:0 auto 36px}.section-tag{font-size:.75rem}.section-description{font-size:.95rem}.btn-primary,.btn-secondary{padding:12px 22px;font-size:.88rem}}@media (width<=480px){.section-container{padding:40px 14px}.section-header{margin:0 auto 28px}.section-tag{font-size:.7rem}.btn-primary,.btn-secondary{padding:10px 18px;font-size:.82rem}}.section-header{text-align:center;max-width:700px;margin:0 auto 64px}.section-tag{font-family:var(--font-code);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-size:.85rem;font-weight:600;display:inline-block}.section-title{margin-bottom:16px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.15}.section-description{color:var(--text-secondary);font-size:1.1rem}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:before{content:"";top:var(--mouse-y,-1000px);left:var(--mouse-x,-1000px);background:radial-gradient(circle, var(--accent-cyan-glow) 0%, transparent 70%);pointer-events:none;opacity:0;width:350px;height:350px;transition:opacity .3s;position:absolute;transform:translate(-50%,-50%)}.spotlight-card:hover:before{opacity:1}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:5s ease-in-out infinite floatAnim}.view-project-text{transform:translateY(0)}.view-project-text-clone{transform:translateY(100%)}.view-project-btn:hover .view-project-text{transform:translateY(-100%)!important}.view-project-btn:hover .view-project-text-clone{transform:translateY(0)!important}