:root{--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--accent: #3b82f6;--accent-light: #60a5fa;--sidebar-bg: linear-gradient(180deg, #1e3a5f 0%, #0f2744 100%);--sidebar-text: #f8fafc;--sidebar-text-secondary: #94a3b8;--success: #10b981;--warning: #f59e0b;--danger: #ef4444}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #475569;--sidebar-bg: linear-gradient(180deg, #0f172a 0%, #020617 100%);--sidebar-text: #f8fafc;--sidebar-text-secondary: #94a3b8}*{box-sizing:border-box}body{margin:0;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.container{max-width:1000px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;padding:40px 0;border-bottom:2px solid #e0e0e0;margin-bottom:40px}.header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:10px}.subtitle{font-size:1.1rem;color:#7f8c8d}.main-content{flex:1;display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:40px}.card{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .3s ease}.card:hover{box-shadow:0 4px 12px #00000026}.card h2{color:#2c3e50;margin-bottom:15px;font-size:1.5rem}.card p{color:#555;line-height:1.6;margin-bottom:10px}.card ul{list-style-position:inside;color:#555;line-height:1.8}.card li{margin-bottom:10px}.counter{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.counter button{padding:10px 25px;font-size:1rem;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.counter button:hover{background-color:#2980b9}.counter button:active{transform:scale(.98)}.count-display{font-size:2rem;font-weight:700;color:#e74c3c;min-width:60px;text-align:center}.footer{text-align:center;padding:20px;border-top:2px solid #e0e0e0;color:#7f8c8d;font-size:.9rem}@media (max-width: 768px){.header h1{font-size:2rem}.card{padding:20px}.counter{flex-direction:column;gap:15px}}.splash-container{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0f172a;color:#fff}.splash-title{font-size:36px;font-weight:700;margin-bottom:12px}.splash-logo{width:180px;height:auto;margin-bottom:12px}.splash-subtitle{opacity:.85}.spinner-container{margin-top:20px}.spinner{animation:spin 1.5s linear infinite}.spinner-circle{stroke:#60a5fa;stroke-dasharray:90,150;stroke-dashoffset:-35;animation:dash 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}