:root{--bg-primary:#0a0a0a;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--bg-card-active:#00d08414;--border-subtle:#ffffff14;--border-focus:#00d08480;--primary-start:#00d084;--primary-end:#00f5a0;--primary-gradient:linear-gradient(135deg, #00d084 0%, #00f5a0 100%);--danger-gradient:linear-gradient(135deg, #f44 0%, #c62828 100%);--text-main:#fff;--text-muted:#8e8e93;--text-dim:#555;--danger:#f44;--success:#00d084;--warning:#ffb300;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 4px 12px #0000004d;--shadow-glow:0 0 25px #00d08440;--shadow-modal:0 20px 50px #000000b3, 0 0 0 1px #ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}.ambient-bg{pointer-events:none;z-index:0;background:radial-gradient(circle at 10% 20%,#0d1f17e6 0%,#0a0a0a 60%);position:fixed;inset:0;overflow:hidden}.orb{filter:blur(80px);opacity:.45;border-radius:50%;animation:20s ease-in-out infinite alternate floatOrb;position:absolute}.orb-1{background:#00d0842e;width:400px;height:400px;top:-100px;left:-50px}.orb-2{background:#00f5a01f;width:350px;height:350px;animation-duration:25s;top:40%;right:-50px}.orb-3{background:#0a291e59;width:450px;height:450px;animation-duration:18s;bottom:-150px;left:20%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,40px)scale(1.08)}to{transform:translate(-20px,20px)scale(.95)}}.app-wrapper{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-start)}h1,h2,h3,h4,.brand-logo{font-family:var(--font-heading);letter-spacing:-.02em}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-primary{background:var(--primary-gradient);color:#000;font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #00d0844d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 22px #00d08473}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-ghost:hover{background:#ffffff1a;border-color:#fff3}.btn-icon{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-main);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon:hover{color:var(--primary-start);background:#ffffff1f;border-color:#00d08466}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-12px)}40%,80%{transform:translate(12px)}}.shake-anim{animation:.4s ease-in-out shake}@keyframes pulseDot{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.dot-active{animation:.25s ease-in-out pulseDot}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-modal);background:#121614f2;border:1px solid #ffffff1f;padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}
