:root{--bg-color:#050510;--text-main:#fff;--text-muted:#94a3b8;--glass-bg:rgba(255,255,255,.03);--glass-border:rgba(255,255,255,.08);--glass-shadow:0 8px 32px rgba(0,0,0,.3);--nav-bg:rgba(5,5,16,.7);--accent-cyan:#00f0ff;--accent-blue:#06f}
[data-theme=light]{--bg-color:#f4f6f9;--text-main:#0f172a;--text-muted:#64748b;--glass-bg:rgba(255,255,255,.6);--glass-border:rgba(0,0,0,.08);--glass-shadow:0 8px 32px rgba(31,38,135,.07);--nav-bg:rgba(255,255,255,.75)}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Plus Jakarta Sans',sans-serif}
body{background:var(--bg-color);color:var(--text-main);min-height:100dvh;overflow-x:hidden;transition:background .5s,color .5s}
.orb-container{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4;animation:float 20s infinite alternate ease-in-out}
[data-theme=light] .orb{opacity:.25}
.orb-1{width:40vw;height:40vw;background:var(--accent-blue);top:-10%;left:-10%}
.orb-2{width:35vw;height:35vw;background:#8a2be2;bottom:-10%;right:-10%;animation-delay:-5s}
.orb-3{width:30vw;height:30vw;background:var(--accent-cyan);top:40%;left:40%;animation-delay:-10s}
@keyframes float{to{transform:translate(10vw,10vh) scale(1.1)}}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.glass-panel{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow)}
.glass-loader{position:fixed;inset:0;background:rgba(5,5,16,.85);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s,visibility .6s}
[data-theme=light] .glass-loader{background:rgba(244,246,249,.85)}
.glass-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader-spinner{width:60px;height:60px;border:3px solid transparent;border-top-color:var(--accent-cyan);border-bottom-color:var(--accent-blue);border-radius:50%;animation:spin 1.2s linear infinite;margin-bottom:25px;position:relative;box-shadow:0 0 20px rgba(0,240,255,.15)}
.loader-spinner::before{content:"";position:absolute;inset:8px;border:2px solid transparent;border-left-color:var(--text-muted);border-right-color:var(--text-muted);border-radius:50%;animation:spin-reverse 1.5s linear infinite}
.loader-text{font-size:.9rem;font-weight:700;letter-spacing:4px;color:var(--text-muted);text-transform:uppercase}
.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:#fff;border:none;padding:12px 28px;border-radius:30px;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,102,255,.3)}
.theme-toggle{background:none;border:none;color:var(--text-main);cursor:pointer;font-size:1.2rem;padding:10px;border-radius:50%;line-height:1}
.theme-toggle:hover{background:var(--glass-bg)}