*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f5f5;overflow-x:hidden}#root{width:100%;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.btn{padding:15px 30px;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:#6c757d;color:#fff}.btn-success{background:#28a745;color:#fff}.btn-danger{background:#dc3545;color:#fff}.btn-large{padding:25px 50px;font-size:24px}.card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:30px;margin:20px 0}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.text-center{text-align:center}.flex{display:flex}.flex-column{flex-direction:column}.justify-center{justify-content:center}.align-center{align-items:center}.gap-20{gap:20px}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px}.grid-1{grid-template-columns:1fr;gap:15px}.progress-bar{width:100%;height:20px;background:#e9ecef;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:10px}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}.btn-large{padding:20px 40px;font-size:20px}}