@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Inter:wght@400;500;700&display=swap";:root{--primary: #e028ff;--primary-glow: rgba(224, 40, 255, .5);--secondary: #00ffea;--secondary-glow: rgba(0, 255, 234, .5);--accent: #ff007f;--accent-glow: rgba(255, 0, 127, .5);--danger: #ff0044;--danger-glow: rgba(255, 0, 68, .5);--success: #00ff88;--warning: #ffcc00;--bg-dark: #090616;--bg-mid: #160f2e;--bg-light: #140d24;--text-main: #ffffff;--text-muted: rgba(255, 255, 255, .5);--text-dim: rgba(255, 255, 255, .3);--fs-xs: clamp(.65rem, 1.5vw, .75rem);--fs-sm: clamp(.75rem, 1.8vw, .85rem);--fs-base: clamp(.85rem, 2vw, 1rem);--fs-md: clamp(1rem, 2.5vw, 1.2rem);--fs-lg: clamp(1.2rem, 3vw, 1.5rem);--fs-xl: clamp(1.5rem, 4vw, 2rem);--fs-2xl: clamp(1.8rem, 5vw, 2.5rem);--fs-3xl: clamp(2.2rem, 6vw, 3.5rem);--fs-hero: clamp(2.5rem, 8vw, 4.5rem);--sp-xs: clamp(4px, 1vw, 6px);--sp-sm: clamp(8px, 2vw, 12px);--sp-md: clamp(12px, 3vw, 20px);--sp-lg: clamp(20px, 4vw, 32px);--sp-xl: clamp(28px, 5vw, 48px);--sp-2xl: clamp(40px, 6vw, 64px);--touch-min: 44px;--glass-bg: rgba(10, 8, 25, .65);--glass-bg-heavy: rgba(10, 5, 25, .9);--glass-border: rgba(255, 255, 255, .08);--glass-border-active: rgba(0, 255, 234, .3);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--glass-blur: blur(16px);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 50px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%}#root{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px)}body{font-family:Outfit,Inter,sans-serif;background:linear-gradient(135deg,var(--bg-dark),var(--bg-mid),var(--bg-light));background-size:400% 400%;animation:gradientBG 15s ease infinite;color:var(--text-main);min-height:100dvh;overflow-x:hidden}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.glass-card:hover,.glass-card:active{border-color:var(--glass-border-active);box-shadow:0 10px 40px #00ffea26}.glass-modal{background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-xl)}.btn-primary{background:linear-gradient(45deg,var(--primary),var(--accent));color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-pill);font-family:Outfit,sans-serif;font-weight:600;font-size:var(--fs-base);cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px var(--primary-glow);min-height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px var(--accent-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:#fff;border:2px solid var(--primary);padding:10px 22px;border-radius:var(--radius-pill);font-family:Outfit,sans-serif;font-weight:600;font-size:var(--fs-base);cursor:pointer;transition:all .3s ease;min-height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover{background:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.btn-secondary:active{transform:translateY(0)}input[type=text],input[type=file]{width:100%;padding:12px 20px;border-radius:var(--radius-md);background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;font-family:Inter,sans-serif;margin-bottom:10px;transition:all .3s ease;min-height:var(--touch-min)}input[type=text]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}
