@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap";
:root{--bg-primary:#0a0a0a;--bg-secondary:#0f0f0f;--bg-tertiary:#141414;--bg-card:#1a1a1a;--accent-primary:#fff;--accent-muted:#e8e4df;--accent-warm:#c9c5bf;--accent-subtle:#ffffff14;--accent-cyan:#00d4ff;--accent-teal:#00bfa6;--accent-purple:#7b61ff;--accent-violet:#9d4edd;--accent-pink:#ff006e;--accent-red:#ff3b3b;--gradient-primary:linear-gradient(135deg,#7b61ff 0%,#00d4ff 100%);--gradient-button:linear-gradient(135deg,#5b4bc4 0%,#7b61ff 50%,#9d4edd 100%);--gradient-glow:radial-gradient(ellipse at center,#00d4ff4d 0%,transparent 70%);--text-primary:#fff;--text-secondary:#8a8a8a;--text-tertiary:#5a5a5a;--text-accent:#00d4ff;--text-muted:#6b6b6b;--border-primary:#ffffff14;--border-accent:#ffffff26;--shadow-glow:0 0 40px #00d4ff4d;--shadow-button:0 4px 20px #0000004d;--shadow-card:0 8px 32px #0009;--shadow-soft:0 2px 10px #0003;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-display:"Playfair Display",Georgia,"Times New Roman",serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.container{background:#000;width:100%;max-width:430px;min-height:100vh;margin:0 auto;position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:var(--radius-full)}::selection{color:var(--text-primary);background:#00d4ff4d}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);font-family:var(--font-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.btn-primary{background:var(--gradient-button);color:var(--text-primary);box-shadow:var(--shadow-button)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #7b61ff80}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14}.btn-secondary:hover{border-color:var(--border-accent);background:#ffffff1f}.input-field{width:100%;padding:var(--spacing-md)var(--spacing-lg);font-family:var(--font-primary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-normal);background:0 0;font-size:1rem}.input-field::placeholder{color:var(--text-tertiary)}.input-field:focus{border-color:var(--accent-cyan);outline:none;box-shadow:0 0 0 3px #00d4ff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 40px #00d4ff99}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes rotate3d{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes particleFloat{0%,to{opacity:.6;transform:translateY(0)translate(0)scale(1)}25%{opacity:1;transform:translateY(-30px)translate(15px)scale(1.1)}50%{opacity:.8;transform:translateY(-20px)translate(-10px)scale(.9)}75%{opacity:.9;transform:translateY(-40px)translate(5px)scale(1.05)}}.animate-fadeIn{animation:.5s forwards fadeIn}.animate-fadeInUp{animation:.6s forwards fadeInUp}.animate-fadeInDown{animation:.6s forwards fadeInDown}.animate-slideInLeft{animation:.6s forwards slideInLeft}.animate-slideInRight{animation:.6s forwards slideInRight}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-float{animation:6s ease-in-out infinite float}.animate-glow{animation:2s ease-in-out infinite glow}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.glass{-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-primary);background:#ffffff0d}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}