*{box-sizing:border-box;margin:0;padding:0;font-family:Arial, sans-serif;}
body{background:#0f172a;color:#f1f5f9;line-height:1.6;}
.container{max-width:1200px;margin:0 auto;padding:0 16px;}
.navbar{background:#1e293b;padding:16px 0;margin-bottom:32px;}
.navbar .container{display:flex;justify-content:space-between;align-items:center;}
.brand{font-size:24px;font-weight:bold;color:#38bdf8;text-decoration:none;}
.navbar nav a{color:#cbd5e1;margin-left:18px;text-decoration:none;}
.hero{text-align:center;margin-bottom:40px;}
.hero h1{font-size:36px;margin-bottom:12px;}
.offers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}
.offer-card{background:#1e293b;padding:20px;border-radius:12px;}
.offer-card h3{margin-bottom:8px;}
.reward{color:#4ade80;font-weight:bold;margin:12px 0;}
.btn-start{display:inline-block;padding:10px 18px;background:#2563eb;color:white;border-radius:8px;text-decoration:none;margin-top:8px;cursor:pointer;border:0;}
.loading{text-align:center;padding:40px;font-size:18px;}
.form-input{width:100%;padding:10px;margin:12px 0;background:#0f172a;color:#f1f5f9;border:1px solid #334155;border-radius:6px;}
.policy{max-width:820px;margin:32px auto;padding:0 16px;}
.policy h2{margin:24px 0 8px;color:#38bdf8;}
.policy p{margin-bottom:12px;color:#cbd5e1;}
footer{text-align:center;padding:32px 16px;color:#64748b;font-size:14px;}
table{width:100%;border-collapse:collapse;background:#1e293b;border-radius:8px;overflow:hidden;}
th,td{padding:10px;text-align:left;border-top:1px solid #334155;}
th{color:#94a3b8;font-weight:normal;}
button:disabled{opacity:.4;cursor:not-allowed;}
