:root{--primary: #FF3B6B;--secondary: #6B3BFF;--accent: #FFD700;--background: #FAFAFA;--text: #1A1A1A;--text-muted: #666666;--card-bg: rgba(255, 255, 255, .85);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--glass: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .2);--gradient-main: linear-gradient(135deg, #FF3B6B 0%, #6B3BFF 100%)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:var(--background);color:var(--text);min-height:100vh;background-image:radial-gradient(at 0% 0%,rgba(255,59,107,.1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(107,59,255,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(255,215,0,.1) 0px,transparent 50%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Ffilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em}.glass-card{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow-lg)}.btn{padding:12px 24px;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-decoration:none}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:0 4px 15px #ff3b6b66}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff3b6b80}.btn-secondary{background:#fff;color:var(--primary);border:1px solid rgba(255,59,107,.2)}.btn-secondary:hover:not(:disabled){background:#fff5f7;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-container{min-height:100vh;display:flex;flex-direction:column}main{flex:1}