@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-dark-blue:#0a192f;--bg-deep-black:#0b0f19;--bg-gradient:linear-gradient(135deg, #0a192f 0%, #0b0f19 100%);--primary-color:#00c6ff;--accent-purple:#7f5af0;--success-green:#00ff9d;--error-red:#ff4d4d;--text-main:#fff;--text-gray:#b0b0b0;--text-dim:#94a3b8;--glass-bg:#0f172a99;--glass-border:#ffffff1a;--glass-effect:blur(20px);--primary-glow:#00c6ff66;--purple-glow:#7f5af066;--transition-smooth:all .4s cubic-bezier(.4, 0, .2, 1);--shadow-glow:0 0 25px var(--primary-glow);--fs-hero:clamp(2rem, 8vw, 4rem);--fs-h1:clamp(1.8rem, 6vw, 3rem);--fs-h2:clamp(1.5rem, 5vw, 2.2rem);--fs-h3:clamp(1.2rem, 4vw, 1.6rem);--fs-body:clamp(.9rem, 2vw, 1rem)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background:var(--bg-dark-blue);background-image:var(--bg-gradient);color:var(--text-main);background-attachment:fixed;width:100%;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-effect);border:1px solid var(--glass-border);transition:var(--transition-smooth);border-radius:16px;box-shadow:0 8px 32px #0006}.glass-card:hover{box-shadow:0 8px 32px 0 #0009, 0 0 15px var(--primary-glow);border-color:#00c6ff4d}.text-gradient{background:linear-gradient(135deg, #fff 0%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.hero-main-title{font-size:var(--fs-hero);letter-spacing:-1.5px;margin-bottom:1rem;font-weight:900;line-height:1.1}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--accent-purple));color:#fff;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:fit-content;padding:clamp(12px,2vh,18px) clamp(24px,4vw,40px);font-size:clamp(.85rem,2vw,1rem);font-weight:800;display:inline-flex;position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px var(--primary-glow), 0 0 10px var(--purple-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}.stagger-in>*{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards slideUpFade}@keyframes slideUpFade{0%{opacity:0;filter:blur(10px);transform:translateY(30px)}to{opacity:1;filter:blur();transform:translateY(0)}}.stagger-in>:first-child{animation-delay:.1s}.stagger-in>:nth-child(2){animation-delay:.2s}.stagger-in>:nth-child(3){animation-delay:.3s}.stagger-in>:nth-child(4){animation-delay:.4s}.stagger-in>:nth-child(5){animation-delay:.5s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:var(--surface-border);border:2px solid #000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.slide-container{width:100%;animation:.6s ease-out forwards slideEnter}@keyframes slideEnter{0%{opacity:0;filter:blur(5px);transform:scale(.98)}to{opacity:1;filter:blur();transform:scale(1)}}@media (width<=1440px){.app-container{max-width:1200px}}@media (width<=1024px){.app-container{max-width:900px}}@media (width<=768px){.app-container{padding:10px}.btn-primary{width:100%;min-height:54px}.hero-main-title{font-size:2.2rem}.glass-card{border-radius:12px;padding:20px!important}}@media (width<=480px){.hero-main-title{letter-spacing:-.5px;font-size:1.8rem}body{font-size:15px}}@media (width<=320px){body{font-size:14px}}.global-back-btn{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:10px;padding:10px 22px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:100px;left:40px;box-shadow:0 4px 15px #0000004d;background:#0f172a99!important}.global-back-btn:hover{border-color:var(--primary-color);transform:translate(-5px);box-shadow:0 4px 25px #00ff8826;background:#ffffff1a!important}.global-back-btn span{text-transform:uppercase;letter-spacing:1.5px;font-size:.8rem;font-weight:800}.animate-in{animation:.6s cubic-bezier(.34,1.56,.64,1) slideUpFade}.slide-in-left{animation:.5s cubic-bezier(.34,1.56,.64,1) slideInLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@media (width<=900px){.global-back-btn{justify-content:center;padding:14px 20px;inset:auto 20px 20px}}.toast-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:9999;background:#0d1117e6;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.toast-container.success{border-color:#00ff884d;box-shadow:0 0 20px #00ff881a}.toast-container.error{border-color:#ff4d4d4d;box-shadow:0 0 20px #ff4d4d1a}.toast-icon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:flex}.success .toast-icon{color:#0f8;background:#0f83}.error .toast-icon{color:#ff4d4d;background:#ff4d4d33}.toast-message{font-size:.9rem;font-weight:600}.toast-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem;transition:all .2s}.toast-close:hover{color:#fff}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}