/*
Theme Name: Riga Token
Theme URI: https://rigatoken.online
Author: Riga Token
Author URI: https://rigatoken.online
Description: A custom dark futuristic WordPress theme for the Riga Token weather-powered reward ecosystem.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: riga-token
License: GNU General Public License v2 or later
*/

:root {
  --riga-bg: #020812;
  --riga-panel: rgba(7, 22, 42, .82);
  --riga-panel-2: rgba(4, 15, 31, .92);
  --riga-line: rgba(64, 181, 255, .22);
  --riga-blue: #009cff;
  --riga-blue-2: #1468ff;
  --riga-green: #35e86f;
  --riga-text: #f7fbff;
  --riga-muted: #9eb2c9;
  --riga-shadow: 0 20px 80px rgba(0, 126, 255, .14);
  --riga-radius: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--riga-text);
  background:
    radial-gradient(circle at 70% 0%, rgba(0, 143, 255, .13), transparent 33%),
    radial-gradient(circle at 5% 45%, rgba(53, 232, 111, .05), transparent 26%),
    var(--riga-bg);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
button, input { font: inherit; }

.riga-container { width: min(1180px, calc(100% - 36px)); margin-inline: auto; }
.riga-section { padding: 38px 0; position: relative; }
.riga-kicker { color: var(--riga-green); text-transform: uppercase; letter-spacing: .16em; font-size: 12px; font-weight: 800; }
.riga-title { margin: 0 0 12px; font-size: clamp(30px, 4vw, 52px); line-height: 1.06; letter-spacing: -.04em; }
.riga-gradient-text { background: linear-gradient(90deg, var(--riga-blue), var(--riga-green)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.riga-muted { color: var(--riga-muted); }

.site-header {
  position: sticky; top: 0; z-index: 100;
  background: rgba(2, 8, 18, .72);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(89, 179, 255, .09);
}
.riga-nav { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.riga-brand { display: flex; align-items: center; gap: 11px; font-weight: 900; letter-spacing: .02em; white-space: nowrap; }
.riga-logo-mark { width: 42px; height: 42px; border-radius: 50%; display:grid; place-items:center; border:2px solid var(--riga-blue); box-shadow: 0 0 24px rgba(0, 156, 255, .35); position:relative; }
.riga-logo-mark:after { content:""; position:absolute; inset:4px; border:1px solid rgba(53,232,111,.7); border-radius:50%; border-left-color:transparent; }
.riga-logo-mark b { font-size: 22px; z-index: 1; }
.riga-brand span:last-child { font-size: 20px; }
.riga-brand em { color: var(--riga-green); font-style: normal; }
.riga-menu { display:flex; align-items:center; gap:26px; list-style:none; margin:0; padding:0; font-size:14px; }
.riga-menu a { color:#d8e6f4; transition:.2s ease; }
.riga-menu a:hover { color:var(--riga-blue); }
.riga-menu-toggle { display:none; background:none; border:0; color:white; font-size:28px; }
.riga-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:0 22px; border-radius:12px; border:1px solid rgba(22,142,255,.65); font-weight:800; transition:.25s ease; cursor:pointer; }
.riga-btn:hover { transform:translateY(-2px); box-shadow:0 14px 32px rgba(0,128,255,.22); }
.riga-btn-primary { border:0; background:linear-gradient(90deg,var(--riga-blue-2),var(--riga-blue),var(--riga-green)); color:white; }
.riga-btn-ghost { background:rgba(3,13,29,.45); }

.riga-hero { min-height: 690px; padding: 86px 0 42px; position:relative; overflow:hidden; }
.riga-hero:before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.28; background-image:repeating-linear-gradient(105deg, transparent 0 25px, rgba(88,193,255,.16) 26px, transparent 27px 62px); animation:rain 1.25s linear infinite; transform:translateY(-80px); }
@keyframes rain { to { transform:translateY(100px); } }
.riga-hero-grid { display:grid; grid-template-columns: .9fr 1.1fr; align-items:center; gap:46px; position:relative; z-index:2; }
.riga-hero h1 { font-size:clamp(52px,6.2vw,88px); line-height:.98; margin:0 0 24px; letter-spacing:-.06em; }
.riga-hero p { font-size:18px; color:#c4d4e5; max-width:570px; margin:0 0 30px; }
.riga-actions { display:flex; flex-wrap:wrap; gap:14px; }
.riga-stores { display:flex; align-items:center; gap:16px; margin-top:34px; color:#8ea3ba; font-size:13px; }
.riga-store-badge { padding:8px 12px; border:1px solid rgba(255,255,255,.15); border-radius:9px; color:white; }

.riga-globe-wrap { min-height:520px; display:grid; place-items:center; position:relative; }
.riga-globe {
  width:min(480px, 82vw); aspect-ratio:1; border-radius:50%; position:relative;
  background:
    radial-gradient(circle at 37% 28%, rgba(87,227,255,.9), transparent 5%),
    radial-gradient(circle at 56% 42%, rgba(53,232,111,.85), transparent 4%),
    radial-gradient(circle at 67% 34%, rgba(0,160,255,.85), transparent 5%),
    radial-gradient(circle at 74% 58%, rgba(53,232,111,.8), transparent 4%),
    radial-gradient(circle at 33% 62%, rgba(0,160,255,.8), transparent 4%),
    radial-gradient(circle at 50% 50%, #0a5ea6 0, #07356f 42%, #021226 72%);
  border:2px solid rgba(89,196,255,.55);
  box-shadow:0 0 50px rgba(0,156,255,.35), inset -40px -24px 90px #010814, inset 22px 10px 70px rgba(59,204,255,.2);
  animation:float 5s ease-in-out infinite;
}
.riga-globe:before { content:""; position:absolute; inset:7%; border-radius:50%; opacity:.6; background: repeating-radial-gradient(circle at center, transparent 0 27px, rgba(119,214,255,.18) 28px 29px), repeating-linear-gradient(90deg, transparent 0 39px, rgba(116,208,255,.12) 40px 41px); mix-blend-mode:screen; }
.riga-globe:after { content:""; position:absolute; left:3%; right:3%; bottom:-42px; height:92px; border-radius:50%; border:2px solid rgba(0,160,255,.7); box-shadow:0 0 30px rgba(0,160,255,.55), inset 0 0 28px rgba(53,232,111,.12); transform:perspective(320px) rotateX(67deg); }
@keyframes float { 50% { transform:translateY(-12px); } }
.riga-city { position:absolute; padding:8px 14px; border:1px solid rgba(60,210,255,.35); border-radius:18px; background:rgba(1,13,29,.74); backdrop-filter:blur(10px); font-size:12px; box-shadow:0 10px 28px rgba(0,0,0,.25); }
.riga-city i { color:#54d8ff; font-style:normal; }
.city-1 { top:16%; left:30%; } .city-2 { top:31%; right:2%; } .city-3 { top:42%; left:4%; } .city-4 { bottom:21%; left:17%; } .city-5 { bottom:23%; right:4%; }

.riga-stats { margin-top:-14px; position:relative; z-index:5; }
.riga-panel { border:1px solid var(--riga-line); border-radius:var(--riga-radius); background:linear-gradient(180deg,rgba(8,28,53,.84),rgba(3,13,29,.9)); box-shadow:var(--riga-shadow); }
.riga-stats-grid { display:grid; grid-template-columns:repeat(6,1fr); }
.riga-stat { padding:26px 15px; text-align:center; border-right:1px solid rgba(90,181,255,.13); }
.riga-stat:last-child { border-right:0; }
.riga-stat-icon { font-size:26px; color:var(--riga-blue); }
.riga-stat small { display:block; color:#a4b6c9; font-size:10px; text-transform:uppercase; margin:5px 0 2px; }
.riga-stat strong { font-size:24px; line-height:1.1; }

.riga-how { padding:32px; }
.riga-section-heading { text-align:center; margin-bottom:26px; }
.riga-how-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.riga-step { text-align:center; padding:16px; position:relative; }
.riga-step:not(:last-child):after { content:"→"; position:absolute; right:-24px; top:36%; color:var(--riga-blue); font-size:28px; }
.riga-step-visual { width:110px; height:110px; margin:0 auto 16px; border-radius:50%; display:grid; place-items:center; font-size:52px; background:radial-gradient(circle,rgba(0,160,255,.22),rgba(0,160,255,.03) 68%); border:1px solid rgba(0,160,255,.22); box-shadow:0 0 34px rgba(0,160,255,.15); }
.riga-step h3 { margin:0 0 7px; }

.riga-map-layout { display:grid; grid-template-columns:.34fr .66fr; overflow:hidden; }
.riga-map-copy { padding:38px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.riga-map { min-height:330px; position:relative; background: radial-gradient(circle at 22% 45%,rgba(53,232,111,.55),transparent 7%), radial-gradient(circle at 66% 42%,rgba(0,160,255,.7),transparent 8%), radial-gradient(circle at 80% 64%,rgba(53,232,111,.45),transparent 7%), linear-gradient(135deg,#061a33,#08264a); overflow:hidden; }
.riga-map:before { content:""; position:absolute; inset:0; background-image:radial-gradient(circle at center,rgba(255,255,255,.13) 1px,transparent 1px); background-size:18px 18px; opacity:.25; }
.riga-map:after { content:"WORLD LIVE RAIN MAP"; position:absolute; inset:0; display:grid; place-items:center; font-size:clamp(20px,4vw,46px); font-weight:900; letter-spacing:.1em; color:rgba(215,239,255,.16); }

.riga-token-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:36px; padding:38px; align-items:center; }
.riga-phone { width:250px; aspect-ratio:.52; margin:auto; border-radius:34px; border:8px solid #172337; background:linear-gradient(180deg,#051426,#020812); transform:rotate(-8deg); box-shadow:-24px 22px 60px rgba(0,0,0,.45),0 0 36px rgba(0,160,255,.25); padding:22px 14px; }
.riga-phone-screen { height:100%; border-radius:22px; padding:18px 12px; background:radial-gradient(circle at top right,rgba(53,232,111,.13),transparent 25%),#04101f; }
.riga-phone-card { border:1px solid rgba(60,191,255,.18); background:rgba(5,25,47,.78); padding:13px; border-radius:12px; margin:12px 0; }
.riga-phone-balance { font-size:24px; font-weight:900; }
.riga-token-info { display:grid; grid-template-columns:.85fr 1.15fr; gap:28px; align-items:center; }
.riga-chart { width:230px; aspect-ratio:1; border-radius:50%; margin:auto; background:conic-gradient(var(--riga-green) 0 40%,#1ee1ba 40% 50%,var(--riga-blue) 50% 70%,#1967ee 70% 85%,#ddc83f 85% 95%,#9e6cd9 95%); position:relative; display:grid; place-items:center; }
.riga-chart:after { content:"8.2B\A TOTAL SUPPLY"; white-space:pre; display:grid; place-items:center; text-align:center; position:absolute; inset:27%; border-radius:50%; background:#061226; font-weight:900; line-height:1.2; }
.riga-legend { display:grid; gap:10px; font-size:14px; }
.riga-legend-row { display:grid; grid-template-columns:12px 1fr auto; gap:10px; align-items:center; }
.riga-dot { width:10px; height:10px; border-radius:50%; background:var(--dot); }

.riga-roadmap { padding:38px; }
.riga-roadmap-line { display:grid; grid-template-columns:repeat(5,1fr); position:relative; gap:14px; }
.riga-roadmap-line:before { content:""; position:absolute; top:28px; left:8%; right:8%; height:2px; background:linear-gradient(90deg,var(--riga-green),var(--riga-blue)); }
.riga-milestone { text-align:center; position:relative; z-index:2; }
.riga-milestone-icon { width:58px; height:58px; display:grid; place-items:center; margin:0 auto 14px; border-radius:50%; border:2px solid var(--riga-blue); background:#061429; box-shadow:0 0 25px rgba(0,156,255,.26); }
.riga-milestone:first-child .riga-milestone-icon { border-color:var(--riga-green); }
.riga-milestone b { color:var(--riga-blue); }

.site-footer { margin-top:36px; border-top:1px solid rgba(78,174,255,.12); padding:54px 0 24px; background:#010710; }
.riga-footer-grid { display:grid; grid-template-columns:1.3fr repeat(3,1fr) 1.25fr; gap:34px; }
.riga-footer-grid h4 { margin-top:0; }
.riga-footer-links { display:grid; gap:8px; color:#9fb2c6; font-size:14px; }
.riga-newsletter { display:flex; margin-top:14px; }
.riga-newsletter input { width:100%; background:#0b1d35; color:white; border:1px solid rgba(60,178,255,.22); padding:12px; border-radius:9px 0 0 9px; outline:none; }
.riga-newsletter button { width:48px; border:0; border-radius:0 9px 9px 0; background:linear-gradient(135deg,var(--riga-blue),var(--riga-green)); color:#001020; font-weight:900; }
.riga-copyright { margin-top:38px; padding-top:22px; border-top:1px solid rgba(255,255,255,.06); text-align:center; color:#71869d; font-size:13px; }

.entry-content, .site-main { min-height:40vh; }
.riga-default-page { padding:100px 0; }

@media (max-width: 980px) {
  .riga-menu { position:fixed; inset:78px 18px auto; display:none; flex-direction:column; align-items:flex-start; padding:24px; background:#061326; border:1px solid var(--riga-line); border-radius:16px; }
  .riga-menu.is-open { display:flex; }
  .riga-menu-toggle { display:block; }
  .riga-nav > .riga-btn { display:none; }
  .riga-hero-grid, .riga-token-layout, .riga-map-layout { grid-template-columns:1fr; }
  .riga-hero { padding-top:60px; }
  .riga-hero-copy { text-align:center; }
  .riga-hero p { margin-inline:auto; }
  .riga-actions, .riga-stores { justify-content:center; }
  .riga-globe-wrap { min-height:430px; }
  .riga-stats-grid { grid-template-columns:repeat(3,1fr); }
  .riga-stat:nth-child(3) { border-right:0; }
  .riga-stat:nth-child(-n+3) { border-bottom:1px solid rgba(90,181,255,.13); }
  .riga-footer-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 680px) {
  .riga-container { width:min(100% - 22px, 1180px); }
  .riga-brand span:last-child { font-size:17px; }
  .riga-hero h1 { font-size:49px; }
  .riga-globe-wrap { min-height:360px; }
  .riga-city { font-size:9px; padding:6px 9px; }
  .riga-stats-grid { grid-template-columns:repeat(2,1fr); }
  .riga-stat:nth-child(2n) { border-right:0; }
  .riga-stat:nth-child(3) { border-right:1px solid rgba(90,181,255,.13); }
  .riga-stat:nth-child(-n+4) { border-bottom:1px solid rgba(90,181,255,.13); }
  .riga-how-grid, .riga-token-info, .riga-roadmap-line { grid-template-columns:1fr; }
  .riga-step:not(:last-child):after { content:"↓"; right:auto; left:50%; top:auto; bottom:-22px; }
  .riga-roadmap-line:before { display:none; }
  .riga-map-copy, .riga-token-layout, .riga-how, .riga-roadmap { padding:24px; }
  .riga-footer-grid { grid-template-columns:1fr; }
}