/* Загальні стилі */
* {margin:0;padding:0;user-select:none;}
html {height:100%}
body {font-family:Arial, sans-serif;margin:0;font-family:Arial, sans-serif;background:#1e1e2f;color:#f0f0f0;padding:0;height:100%}
.container {width:100%;min-height:100vh;display:flex;flex-direction:column;height:100%;justify-content:space-between;}
main {max-width:1200px;margin:0 auto;width:100%;}
form {width:300px;margin:40px auto;padding:20px;background-color:#2a2a40;border-radius:10px;box-shadow:0 0 10px rgba(0, 255, 153, 0.3);}
input[type="email"], input[type="password"] {width:100%;padding:10px;margin:10px 0 20px 0;border:none;border-radius:5px;background-color:#3a3a55;color:#f0f0f0;}
button {width:100%;padding:10px;background-color:#00ff99;border:none;border-radius:5px;color:#1e1e2f;font-weight:bold;cursor:pointer;transition:0.2s;}
button:hover {background-color:#00cc77;}
main h2 {color:#00ff99;margin:20px 0;}
main p {margin:10px 0;}
main ul, main ol {margin-left:40px;}
main li {margin-bottom:10px;}
a {color:#00ff99;text-decoration:none;text-align:center;margin-top:20px;}
a:hover {color:#00cc77;}
.profile-box {width:300px;margin:40px auto;padding:20px;background-color:#2a2a40;border-radius:10px;box-shadow:0 0 10px rgba(0, 255, 153, 0.3);}
header {background:#111;color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;}
.logo {display:flex;align-items:center;}
.logo img {max-width:200px;height:auto;}
.logo-texts {align-items:center;}
header span.name {margin:0;font-size:28px;color:#00cc77;font-weight:700;}
header span.slogan {margin-top:10px;font-size:14px;color:#0072ff;}
header nav {display:flex;}
header nav a {color:#00ff99;margin-left:15px;text-decoration:none;}
header nav a:not(:last-child) {margin-right:15px;}
.hero {text-align:center;padding:50px 20px;background:linear-gradient(135deg, #166f88, #133968);color:#fff;}
.hero h2 {font-size:40px;margin-bottom:15px;}
.hero p {font-size:18px;margin-bottom:25px;}
.hero a {background:#fff;color:#0072ff;padding:12px 25px;font-size:18px;font-weight:bold;border-radius:5px;text-decoration:none;width:250px;margin:10px auto;}
.features {display: flex;flex-wrap: wrap;justify-content: center;padding: 50px 20px;background: rgba(255, 255, 255, .15);}
.feature {flex: 1 1 220px;max-width: 250px;text-align: center;margin: 20px;}
.feature h3 {margin: 15px 0 10px;color:#00cc77}
.how-it-works {padding:60px 20px;text-align:center;background:linear-gradient(135deg, #166f88, #133968)}
.steps {display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px}
.step {flex:1 1 220px;max-width:250px;margin:20px;background:#d0d0d0;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);color:#1e1e2f;display:flex;align-items:center;}
.step span {margin-left:10px;}
.ad {margin:50px auto;text-align:center;padding:20px;background:#e9ecef;}
.faq {padding:20px;background:rgba(255, 255, 255, .15);width:100%;}
.faq-container {max-width:1200px;margin:10px auto;}
.faq h2 {margin-bottom:30px;}
.faq-item {max-width:700px;margin:10px}
.faq-item summary {font-weight:bold;cursor:pointer;padding:15px;border-radius:5px;background:#111;}
.faq-item p {margin:10px;}
footer {background:#1e1e2f;color:#fff;text-align:center;padding:20px;font-size:14px;}
footer .footer-links {display:flex;margin:15px;justify-content:center;}
footer a {color:#00ff99;margin:0 10px;text-decoration:underline;}
footer a:hover {text-decoration:none;}
.payments {display:flex;gap:20px;width:100%;max-width:1200px;margin:20px auto;justify-content:center;}
.payment-way {background-color:rgba(255, 255, 255, .15);min-width:80px;height:20px;border-radius:5px;display:flex;padding:10px;text-align:center;align-items:center;justify-content:center;}
.mail {color:#fff;display:block;width:250px;margin:0 auto}
.profile {display:flex;flex-direction:column;min-height:100vh;}
.profile-header {display:flex;justify-content:space-between;align-items:center;}
.profile-header h2 {font-weight:400;}
.ad-box {min-height:calc(100% - 100px);width:100%;position:relative;}
.ad-slot {margin:15px 0;}
.btn {width:250px;margin:50px auto 20px auto;display:block;text-transform:uppercase;color:#3a3a55;font-weight:700;}
.user-name {color:#0072ff;font-weight:700;}
.balance {color:#00cc77}
.balance span {color:#fff;}
.logo-texts {display:flex;flex-direction:column;}
#claimSection {text-align:center;}
#timer {font-size:64px;font-weight:bold;text-align:center;margin-top:20px;padding:15px 25px;border-radius:12px;display:inline-block;color:white;text-shadow:0 2px 4px rgba(0,0,0,0.3);letter-spacing:2px;animation:pulse 2s infinite;}
@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}
.content-columns {
  column-count: 2;
  column-gap: 40px;
  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #166f88;
  width:100%;
  max-width:1200px;
  margin:20px auto;
}
.content-columns h1, 
.content-columns h2 {
  break-after: avoid;
  color: #959595;
}
.content-columns ul {
  margin: 0 0 1em 1.2em;
  padding: 0;
}
.content-columns li {
  margin-bottom: 0.5em;
}
small {color:#959595}