*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #60A5FA;--primary-dark: #3B82F6;--secondary: #34D399;--accent: #FBBF24;--danger: #F87171;--success: #10B981;--warning: #F59E0B;--bg-light: #F0F9FF;--bg-card: #FFFFFF;--text-dark: #1E293B;--text-medium: #475569;--text-light: #94A3B8;--border: #E2E8F0;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05)}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:var(--text-dark);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease}button:active{transform:scale(.97)}.container{max-width:900px;margin:0 auto;padding:1rem}.card{background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1rem;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #60a5fa66}.btn-secondary{background:#fff;color:var(--primary-dark);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff}.btn-success{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff}.btn-danger{background:linear-gradient(135deg,var(--danger) 0%,#DC2626 100%);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .4s ease-out}.slide-in{animation:slideIn .3s ease-out}@media(max-width:640px){.container{padding:.75rem}.card{padding:1rem;border-radius:12px}.btn{padding:.65rem 1.25rem;font-size:.95rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}