:root{--color-primary: #8B5CF6;--color-secondary: #C084FC;--color-accent: #14B8A6;--color-dark: #000000;--color-light: #27272A;--color-fire: #E11D48;--color-ash: #3F3F46;--bg-app: #18181C;--text-main: #FAFAFA;--text-muted: #A1A1AA;--shadow-soft: 0 10px 40px -10px rgba(0, 0, 0, .5);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--radius-lg: 24px;--radius-md: 16px;--header-height: 70px;--nav-height: 80px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--bg-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-app);background:radial-gradient(circle at top center,#24242A 0%,var(--bg-app) 100%);color:var(--text-main);position:relative}#root{max-width:1280px;width:100%;margin:0 auto;padding:0;text-align:center;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{margin:0 0 .5em;font-weight:700;color:var(--text-main)}button{border-radius:var(--radius-md);border:none;padding:.8em 1.5em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--color-primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1)}button:hover{filter:brightness(1.1)}button:active{transform:scale(.96)}input,select,textarea{padding:.8rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-ash);background:var(--color-light);color:var(--text-main);width:100%;box-sizing:border-box;margin-bottom:1rem;font-size:1rem;transition:all .2s ease;box-shadow:0 1px 2px #00000005}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e526}.container{padding:16px;width:100%;box-sizing:border-box;flex:1}.card{background:var(--color-light);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.05);text-align:left;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 14px 45px -10px #0f172a1a}.bottom-nav-spacer{height:var(--nav-height)}@keyframes pulse-yellow{0%{box-shadow:0 0 #f43f5e66;border-color:#f43f5e66}70%{box-shadow:0 0 0 10px #f43f5e00;border-color:#f43f5e00}to{box-shadow:0 0 #f43f5e00;border-color:#f43f5e00}}.notification-pulse{animation:pulse-yellow 2s infinite;border:1px solid var(--color-secondary)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}