@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#020617;--bg-color-hsl:224 71% 4%;--text-color:#f8fafc;--text-muted:#94a3b8;--neon-cyan:#00d2ff;--neon-blue:#3b82f6;--neon-purple:#8b5cf6;--neon-pink:#ec4899;--border-color:#3b82f626;--border-glow:#00d2ff26;--card-bg:#0f172a80;--font-display:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);scroll-behavior:smooth;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#020617}::-webkit-scrollbar-thumb{background:#3b82f633;border:2px solid #020617;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.cyber-grid{z-index:0;pointer-events:none;background-image:radial-gradient(#3b82f60d 1px,#0000 1px),linear-gradient(#00d2ff05 1px,#0000 1px);background-size:40px 40px,80px 80px;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.text-glow{text-shadow:0 0 10px #00d2ff80,0 0 20px #00d2ff33}.text-gradient{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-blue) 50%, var(--neon-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 8px 32px #0000005e}.glass-card:hover{border-color:#00d2ff66;transform:translateY(-4px);box-shadow:0 0 20px #00d2ff26}.glass-panel{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);background:#0f172ab3;border-radius:20px}.glass-input{border:1px solid var(--border-color);color:#fff;font-family:var(--font-sans);background:#0f172a99;border-radius:8px;width:100%;padding:12px 16px;font-size:.95rem;transition:all .3s}.glass-input:focus{border-color:var(--neon-cyan);outline:none;box-shadow:0 0 10px #00d2ff33}.btn-neon{color:#fff;border:1px solid var(--neon-cyan);font-weight:600;font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:30px;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 10px #00d2ff1a}.btn-neon:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-neon:hover:before{left:100%}.btn-neon:hover{background:var(--neon-cyan);color:#020617;transform:translateY(-2px);box-shadow:0 0 20px #00d2ff66}.btn-neon-secondary{border-color:var(--neon-purple);box-shadow:0 0 10px #8b5cf61a}.btn-neon-secondary:hover{background:var(--neon-purple);color:#fff;box-shadow:0 0 20px #8b5cf666}.skill-chip{color:#cbd5e1;font-size:.85rem;font-family:var(--font-display);cursor:default;background:#3b82f60d;border:1px solid #3b82f633;border-radius:20px;padding:6px 14px;transition:all .3s}.skill-chip:hover{border-color:var(--neon-cyan);color:#fff;background:#00d2ff1a;transform:translateY(-2px);box-shadow:0 0 10px #00d2ff33}.section-overlay{z-index:2;pointer-events:none;box-sizing:border-box;align-items:center;width:100vw;min-height:100vh;padding:80px 20px;display:flex;position:relative}@media (max-width:1024px){.section-overlay{align-items:flex-start;min-height:auto;padding:96px 16px 48px}.section-content{max-width:100%}.about-layout{grid-template-columns:1fr!important;align-items:stretch!important;gap:24px!important}.about-cards{grid-template-columns:1fr!important;gap:14px!important}.about-social{flex-wrap:wrap}.about-skills{padding:24px!important}.projects-header{flex-direction:column;gap:14px;align-items:flex-start!important;margin-bottom:24px!important}.projects-header-copy{text-align:left!important;max-width:100%!important}.projects-grid{grid-template-columns:1fr!important;gap:18px!important}.contact-layout{grid-template-columns:1fr!important;gap:24px!important}.contact-form-card{padding:22px!important}.contact-input-grid{grid-template-columns:1fr!important;gap:14px!important}.site-header{gap:12px;padding:12px 16px!important}.site-nav,.site-cta{display:none!important}}.section-content{pointer-events:auto;width:100%;max-width:1100px;margin:0 auto}.ambient-glow{filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f626 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:8s infinite alternate float-glow;position:fixed}@keyframes float-glow{0%{transform:translate(0)scale(1)}to{transform:translate(100px,50px)scale(1.2)}}.admin-tab{font-family:var(--font-display);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.admin-tab:hover{color:#fff}.admin-tab.active{color:var(--neon-cyan);border-bottom-color:var(--neon-cyan)}.cbdc-hero{z-index:3;pointer-events:none;background:0 0;justify-content:center;align-items:center;min-height:100vh;padding:48px;display:flex;position:relative}.cbdc-3d-scene{perspective:1200px;width:100%;height:100%;min-height:100%;transform-style:preserve-3d;background:radial-gradient(circle,#ffffff0a 0%,#0206172e 26%,#020617d1 66%,#020617fa 100%),linear-gradient(#020617fa,#080f1ffa);border:1px solid #00d2ff24;border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #00d2ff0f,0 22px 50px #0206173d}.cbdc-ring,.cbdc-orb,.cbdc-galaxy,.cbdc-starfield,.cbdc-nebula,.cbdc-cube,.cbdc-floor-glow{position:absolute}.cbdc-starfield{opacity:.95;background-image:radial-gradient(circle at 10% 18%,#ffffffe0 0 1.1px,#0000 1.2px),radial-gradient(circle at 18% 72%,#00d2ffbf 0 1px,#0000 1.1px),radial-gradient(circle at 26% 34%,#ffffffc7 0 1.2px,#0000 1.3px),radial-gradient(circle at 34% 84%,#ffffff9e 0 1.2px,#0000 1.3px),radial-gradient(circle at 42% 14%,#3b82f6b8 0 1px,#0000 1.1px),radial-gradient(circle at 52% 26%,#fffc 0 1.1px,#0000 1.2px),radial-gradient(circle at 60% 68%,#ffffffb8 0 1px,#0000 1.1px),radial-gradient(circle at 72% 18%,#00d2ffb8 0 1.1px,#0000 1.2px),radial-gradient(circle at 78% 52%,#ffffffc2 0 1px,#0000 1.1px),radial-gradient(circle at 86% 82%,#8b5cf6c2 0 1.1px,#0000 1.2px),radial-gradient(circle at 94% 36%,#ffffffd6 0 1.2px,#0000 1.3px);background-size:100% 100%;animation:20s linear infinite cbdc-stars;inset:0}.cbdc-nebula{filter:blur(28px);mix-blend-mode:screen;opacity:.55;border-radius:50%}.cbdc-nebula-a{background:radial-gradient(circle,#00d2ff59 0%,#00d2ff29 28%,#00d2ff00 72%);inset:8% 30% 36% 6%}.cbdc-nebula-b{background:radial-gradient(circle,#8b5cf647 0%,#8b5cf61f 24%,#8b5cf600 70%);inset:34% 10% 10% 38%}.cbdc-galaxy{transform-style:preserve-3d;background:radial-gradient(circle at 50% 50%, #fff 0 3.6%, #fffffff5 3.6% 6.5%, #00d2ff7a 9%, #00d2ff24 20%, #0000 62%), conic-gradient(from 180deg, #fff0 0 9%, #00d2ff94 9% 14%, #fff0 14% 26%, #3b82f67a 26% 34%, #fff0 34% 46%, #8b5cf66b 46% 54%, #fff0 54% 66%, #00d2ff66 66% 73%, #fff0 73% 100%);filter:drop-shadow(0 0 18px #00d2ff57);transform-origin:50%;border-radius:50%;animation:linear infinite cbdc-galaxy-spin,ease-in-out infinite cbdc-galaxy-drift;box-shadow:inset 0 0 36px #ffffff3d,0 0 38px #00d2ff38}.cbdc-galaxy:before,.cbdc-galaxy:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:8%}.cbdc-galaxy:before{opacity:.9;background:radial-gradient(circle,#fff 0 7%,#00d2ffcc 10%,#00d2ff2e 14%,#00d2ff00 18%),radial-gradient(circle at 52% 48%,#fff0 0 42%,#ffffff2e 42% 51%,#fff0 51% 100%);transform:translateZ(24px)scale(.84)rotateX(66deg)}.cbdc-galaxy:after{filter:blur(1px);mix-blend-mode:screen;background:radial-gradient(circle,#fff 0 10%,#ffffffb3 10% 18%,#00d2ff00 24%),radial-gradient(circle,#00d2ff47 0 44%,#00d2ff00 56%);inset:18%;transform:translateZ(44px)}.cbdc-galaxy-core{color:#0b1220;letter-spacing:.04em;text-transform:uppercase;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffbd;border:1px solid #00d2ff4d;border-radius:999px;min-width:96px;padding:7px 12px;font-size:.74rem;font-weight:800;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)translateZ(56px);box-shadow:0 0 22px #00d2ff57}.cbdc-ring{transform-style:preserve-3d;border:1px solid #0b122024;border-radius:50%;inset:50% auto auto 50%;box-shadow:0 0 24px #00d2ff14}.cbdc-ring-outer{width:280px;height:280px;margin-top:-140px;margin-left:-140px;animation:18s linear infinite cbdc-spin;transform:translateZ(14px)rotateX(72deg)rotate(0)}.cbdc-ring-inner{border-color:#3b82f62e;width:170px;height:170px;margin-top:-85px;margin-left:-85px;animation:12s linear infinite cbdc-spin-reverse;transform:translateZ(46px)rotateX(72deg)rotate(0)}.cbdc-orb{background:radial-gradient(circle at 30% 30%,#fff 0%,#d7fbff 22%,#00d2ff 60%,#00d2ff00 100%);border-radius:50%;width:26px;height:26px;animation:5.5s ease-in-out infinite cbdc-float;box-shadow:0 0 18px #00d2ff8c}.cbdc-orb-a{animation-delay:0s;top:18%;left:18%}.cbdc-orb-b{animation-delay:.8s;top:30%;right:18%}.cbdc-orb-c{animation-delay:1.6s;bottom:18%;left:50%;transform:translate(-50%)}@media (max-width:900px){.cbdc-3d-scene{min-height:100%}}@keyframes cbdc-spin{0%{transform:translateZ(14px)rotateX(72deg)rotate(0)}to{transform:translateZ(14px)rotateX(72deg)rotate(360deg)}}@keyframes cbdc-spin-reverse{0%{transform:translateZ(46px)rotateX(72deg)rotate(360deg)}to{transform:translateZ(46px)rotateX(72deg)rotate(0)}}@keyframes cbdc-galaxy-spin{0%{transform:translate(0,0)rotate(0)}to{transform:translate(0,0)rotate(360deg)}}@keyframes cbdc-galaxy-drift{0%,to{filter:drop-shadow(0 0 12px #00d2ff24)}50%{filter:drop-shadow(0 0 24px #00d2ff47)}}@keyframes cbdc-stars{0%{transform:translate(0,0)}to{transform:translate(-24px,18px)}}@media (prefers-reduced-motion:reduce){.cbdc-galaxy,.cbdc-ring-outer,.cbdc-ring-inner,.cbdc-orb,.cbdc-cube,.cbdc-floor-glow{animation:none!important}}