body { background-color: #020617; color: #f8fafc; overflow-x: hidden; }
.glass { background: rgba(15, 23, 42, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.05); }
.glass-card { background: linear-gradient(180deg, rgba(30, 41, 59, 0.6) 0%, rgba(15, 23, 42, 0.8) 100%); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2); backdrop-filter: blur(10px); }
.hero-bg { background-image: radial-gradient(#3b82f6 1px, transparent 1px); background-size: 40px 40px; mask-image: linear-gradient(to bottom, black 40%, transparent 100%); opacity: 0.15; }
.plan-radio:checked + div { border-color: #3b82f6; background: rgba(59, 130, 246, 0.1); box-shadow: 0 0 15px rgba(59, 130, 246, 0.2); }
.method-radio:checked + div { border-color: #22c55e; background: rgba(34, 197, 94, 0.1); }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #020617; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }
.spinner { width: 24px; height: 24px; border: 3px solid rgba(255,255,255,0.3); border-radius: 50%; border-top-color: #3b82f6; animation: spin 1s ease-in-out infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.chat-scroll::-webkit-scrollbar { width: 4px; }
.chat-scroll::-webkit-scrollbar-thumb { background: #3b82f6; }
.chat-option-btn { text-align: left; padding: 12px 16px; background: rgba(30, 41, 59, 0.7); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; color: #e2e8f0; font-size: 0.9rem; transition: all 0.2s; cursor: pointer; margin-bottom: 8px; display: block; width: 100%; }
.chat-option-btn:hover { background: rgba(59, 130, 246, 0.15); border-color: #3b82f6; color: white; transform: translateX(2px); }
.custom-table th { font-weight: 600; color: #94a3b8; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; padding: 12px 16px; text-align: left; }
.custom-table td { padding: 16px; color: #e2e8f0; font-size: 0.875rem; border-top: 1px solid rgba(255,255,255,0.05); }
.custom-table tr:hover td { background: rgba(255,255,255,0.02); }