:root{--bg-app: #050505;--bg-panel: rgba(255, 255, 255, .03);--bg-panel-hover: rgba(255, 255, 255, .06);--border-subtle: rgba(255, 255, 255, .08);--primary-gradient: linear-gradient(135deg, #FF3BFF 0%, #ECBFBF 50%, #5C24FF 100%);--accent-color: #BD00FF;--text-main: #ffffff;--text-muted: #a1a1aa;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--radius-lg: 16px;--radius-md: 8px;--shadow-glow: 0 0 20px rgba(189, 0, 255, .15)}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);--webkit-backdrop-filter: blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 4px 30px #0000001a;transition:all .3s ease}.glass-panel:hover{background:var(--bg-panel-hover);border-color:#ffffff26;box-shadow:var(--shadow-glow)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.btn-primary{background:var(--primary-gradient);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #bd00ff4d}input,textarea,select{background:#0000004d;border:1px solid var(--border-subtle);color:#fff;padding:12px;border-radius:var(--radius-md);width:100%;box-sizing:border-box;font-family:inherit;transition:border-color .3s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #bd00ff33}.grid-input{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}
