:root{--bg-color:#0f172a;--text-color:#f8fafc;--text-muted:#94a3b8;--primary:#3b82f6;--primary-hover:#2563eb;--card-bg:#1e293b99;--border:#ffffff14;--font-sans:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#3b82f61f 0%,#0000 40%),radial-gradient(circle at 85% 30%,#9333ea1f 0%,#0000 40%);background-attachment:fixed;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none;transition:color .2s}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 24px -1px #0003}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{color:var(--text-color);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#ffffff0d;border-color:#fff3}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.navbar{z-index:100;border-radius:100px;width:calc(100% - 2rem);max-width:1200px;padding:.75rem 1.5rem;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.nav-container{justify-content:space-between;align-items:center;padding:0;display:flex}.logo{letter-spacing:-.5px;font-size:1.25rem;font-weight:700}.logo-dot{color:var(--primary)}.nav-links{align-items:center;gap:2rem;font-size:.95rem;font-weight:500;display:flex}.nav-links a:not(.btn-primary):hover{color:var(--primary)}.main-content{min-height:100vh;padding-top:6rem}body:before,body:after{content:"";pointer-events:none;z-index:99999;position:fixed;inset:0}body:before{border:3px solid #2563eb66;animation:2s ease-in-out infinite alternate pulse-glow-base}body:after{opacity:0;visibility:hidden;border:3px solid #2563ebcc;transition:opacity .8s,visibility .8s;animation:1.2s ease-in-out infinite alternate pulse-glow-scroll}body.is-scrolling:after{opacity:var(--scroll-intensity,1);visibility:visible;transition:opacity .15s,visibility .15s}@keyframes pulse-glow-base{0%{box-shadow:inset 0 0 40px #3b82f64d,inset 0 0 15px #3b82f680}to{box-shadow:inset 0 0 120px #3b82f6b3,inset 0 0 40px #3b82f6e6}}@keyframes pulse-glow-scroll{0%{box-shadow:inset 0 0 140px #3b82f6cc,inset 0 0 60px #3b82f6}to{box-shadow:inset 0 0 220px #3b82f6,inset 0 0 100px #3b82f6}}.atom-container{width:600px;height:600px;transform:translate(-50%, -50%) scale(calc(1 + var(--scroll-intensity,0) * .4));opacity:calc(.3 + var(--scroll-intensity,0) * .7);z-index:0;pointer-events:none;transform-style:preserve-3d;transition:transform 1.5s ease-out,opacity .5s ease-out;position:fixed;top:50%;left:50%}main{z-index:10;position:relative}.atom-core{filter:blur(1px);z-index:5;background:radial-gradient(circle,#3b82f6 0%,#2563ebcc 50%,#0000 80%);border-radius:50%;width:80px;height:80px;margin-top:-40px;margin-left:-40px;position:absolute;top:50%;left:50%;box-shadow:0 0 50px 20px #3b82f699}.atom-ring{width:400px;height:400px;transform-style:preserve-3d;border:2px solid #3b82f699;border-radius:50%;margin-top:-200px;margin-left:-200px;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #3b82f680,inset 0 0 10px #3b82f680}.ring-1{animation:12s linear infinite spin-atom-1}.ring-2{animation:16s linear infinite reverse spin-atom-2}.ring-3{animation:14s linear infinite spin-atom-3}@keyframes spin-atom-1{0%{transform:rotateX(75deg)rotateY(0)rotate(0)}to{transform:rotateX(75deg)rotateY(0)rotate(360deg)}}@keyframes spin-atom-2{0%{transform:rotateX(75deg)rotateY(60deg)rotate(0)}to{transform:rotateX(75deg)rotateY(60deg)rotate(360deg)}}@keyframes spin-atom-3{0%{transform:rotateX(75deg)rotateY(-60deg)rotate(0)}to{transform:rotateX(75deg)rotateY(-60deg)rotate(360deg)}}@media (width<=768px){html{font-size:14px}.container{padding:0 1rem}.glass-panel{padding:1.25rem!important}.main-content{padding-top:5rem}.navbar{width:calc(100% - 1rem);padding:.5rem 1rem;top:.5rem}.nav-container{flex-wrap:wrap;justify-content:center;gap:.5rem}.nav-links{justify-content:center;gap:1rem;width:100%;margin-top:.5rem}.btn-primary,.btn-secondary{padding:.6rem 1rem;font-size:.9rem}input,select,textarea{font-size:16px!important}h1{font-size:2.2rem!important}h2{font-size:1.8rem!important}h3{font-size:1.3rem!important}}