:root{
  --primary:#E30613;
  --primary-dark:#B0040F;
  --bg:#FFFFFF;
  --bg-section:#F7F7F7;
  --text:#1A1A1A;
  --text-secondary:#4D4D4D;
  --border:#E0E0E0;
  --gold:#D4AF37;
  --radius:16px;
  --shadow:0 8px 30px rgba(227,6,19,0.08);
}

*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:'Poppins','Segoe UI',sans-serif;
  background:var(--bg-section);
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}

.container{max-width:1100px;margin:0 auto;padding:0 20px;}

/* Navbar */
.navbar{
  background:rgba(255,255,255,0.85);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
  position:sticky;top:0;z-index:100;
}
.navbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1100px;margin:0 auto;}
.navbar-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--primary-dark);}
.navbar-logo img{height:36px;border-radius:8px;}
.navbar-links{display:flex;gap:22px;align-items:center;}
.navbar-links a{font-weight:500;color:var(--text-secondary);transition:color .2s;}
.navbar-links a:hover{color:var(--primary);}
.btn{
  display:inline-block;padding:10px 22px;border-radius:var(--radius);
  font-weight:600;transition:all .2s ease;border:none;cursor:pointer;
}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:var(--shadow);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(227,6,19,.18);}
.btn-outline{border:1.5px solid var(--primary);color:var(--primary);background:transparent;}
.btn-outline:hover{background:var(--primary);color:#fff;}

/* Hero / Glass card */
.hero{padding:70px 0 40px;text-align:center;}
.hero h1{font-size:clamp(28px,5vw,46px);font-weight:800;margin-bottom:14px;color:var(--text);}
.hero h1 span{color:var(--primary);}
.hero p{color:var(--text-secondary);font-size:18px;max-width:560px;margin:0 auto 30px;}

.glass-card{
  background:rgba(255,255,255,0.65);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,0.5);
  border-radius:var(--radius);
  box-shadow:0 10px 40px rgba(0,0,0,0.06);
  padding:28px;
}

.download-box{max-width:640px;margin:0 auto;}
.input-group{display:flex;gap:10px;flex-wrap:wrap;}
.input-group input[type=text], .input-group textarea{
  flex:1;min-width:220px;padding:14px 18px;border-radius:var(--radius);
  border:1.5px solid var(--border);font-size:15px;background:#fff;
  transition:border-color .2s;
}
.input-group input[type=text]:focus, .input-group textarea:focus{outline:none;border-color:var(--primary);}
.input-group textarea{width:100%;min-height:140px;resize:vertical;}

.platform-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:24px;flex-wrap:wrap;}
.platform-tabs a{
  padding:10px 20px;border-radius:var(--radius);border:1.5px solid var(--border);
  font-weight:600;color:var(--text-secondary);background:#fff;
}
.platform-tabs a.active{background:var(--primary);border-color:var(--primary);color:#fff;}

.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:40px;}
.feature-card{background:#fff;border-radius:var(--radius);padding:24px;border:1px solid var(--border);transition:transform .2s;}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.feature-card h3{margin-bottom:8px;color:var(--primary-dark);}
.feature-card p{color:var(--text-secondary);font-size:14px;}

.badge-premium{
  background:linear-gradient(135deg,var(--gold),#b9922a);color:#fff;
  padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.3px;
}
.badge-free{background:var(--border);color:var(--text-secondary);padding:3px 12px;border-radius:999px;font-size:12px;font-weight:600;}

.alert{padding:14px 18px;border-radius:var(--radius);margin-bottom:20px;font-size:14px;}
.alert-error{background:#FDECEC;color:var(--primary-dark);border:1px solid #F5B5B9;}
.alert-success{background:#E9F9EE;color:#1e7c3b;border:1px solid #B9E7C6;}

.auth-wrapper{max-width:420px;margin:60px auto;}
.auth-wrapper h2{margin-bottom:6px;}
.auth-wrapper p.sub{color:var(--text-secondary);margin-bottom:24px;}
.form-field{margin-bottom:16px;}
.form-field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;}
.form-field input{
  width:100%;padding:12px 16px;border-radius:12px;border:1.5px solid var(--border);font-size:15px;
}
.form-field input:focus{outline:none;border-color:var(--primary);}

table.history{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;}
table.history th, table.history td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border);font-size:14px;}
table.history th{background:var(--bg-section);color:var(--text-secondary);font-weight:600;}

.ad-slot{
  background:repeating-linear-gradient(45deg,#f0f0f0,#f0f0f0 10px,#f7f7f7 10px,#f7f7f7 20px);
  border:1px dashed var(--border);border-radius:12px;
  display:flex;align-items:center;justify-content:center;color:#999;font-size:13px;
  min-height:90px;margin:24px 0;
}

footer{margin-top:60px;padding:30px 0;text-align:center;color:var(--text-secondary);font-size:13px;border-top:1px solid var(--border);}

@media (max-width:640px){
  .navbar-links{display:none;}
  .hero{padding:40px 0 20px;}
}