:root { --bg:#0b1326; --text:#eff5ff; --muted:#94a3b8; }
* { box-sizing:border-box; }
html,body { margin:0; }
body { min-height:100vh; background:radial-gradient(1200px 700px at 15% -10%, rgba(124,58,237,0.16), transparent 60%), radial-gradient(1000px 600px at 90% 5%, rgba(14,165,233,0.14), transparent 55%), var(--bg); color:var(--text); font-family:system-ui,-apple-system,'Segoe UI',sans-serif; overflow-x:hidden; }
.lyr-topbar { position:relative; z-index:5; border-bottom:1px solid rgba(255,255,255,0.08); background:rgba(11,19,38,0.6); backdrop-filter:blur(10px); }
.lyr-topbar-inner { max-width:1100px; margin:0 auto; padding:14px 20px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.lyr-brand { font-weight:800; letter-spacing:2px; font-size:18px; background:linear-gradient(135deg,#38bdf8,#818cf8,#f97316); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.lyr-topbar-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.lyr-langs { display:flex; gap:6px; }
.lyr-langs button { background:none; border:1px solid rgba(255,255,255,0.14); color:var(--muted); padding:5px 12px; border-radius:16px; cursor:pointer; font-size:12px; font-weight:700; }
.lyr-langs button.on { color:#fff; border-color:#8b5cf6; background:rgba(139,92,246,0.16); }
.lyr-top-link { color:var(--muted); text-decoration:none; font-size:13px; font-weight:600; }
.lyr-top-link:hover { color:#fff; }
.lyr-top-cta { padding:8px 16px; border-radius:999px; background:linear-gradient(135deg,#8b5cf6,#6366f1); color:#fff; transition:transform .2s; }
.lyr-top-cta:hover { color:#fff; transform:translateY(-1px); }
.LYRION-page { position:relative; min-height:calc(100vh - 55px); }
.LYRION-stars { position:absolute; inset:0; background-image:radial-gradient(1.5px 1.5px at 20px 30px, rgba(255,255,255,0.9), transparent),radial-gradient(1px 1px at 90px 70px, rgba(255,255,255,0.7), transparent),radial-gradient(2px 2px at 160px 40px, rgba(255,255,255,0.5), transparent),radial-gradient(1px 1px at 220px 130px, rgba(255,255,255,0.8), transparent),radial-gradient(1.5px 1.5px at 50px 170px, rgba(255,255,255,0.55), transparent),radial-gradient(1px 1px at 280px 90px, rgba(255,255,255,0.65), transparent),radial-gradient(1.5px 1.5px at 120px 220px, rgba(255,255,255,0.65), transparent); background-size:300px 300px; background-repeat:repeat; animation:LYRIONTwinkle 5s ease-in-out infinite; pointer-events:none; }
@keyframes LYRIONTwinkle { 0%,100%{opacity:.55} 50%{opacity:1} }
.LYRION-content { position:relative; z-index:2; max-width:1100px; margin:0 auto; padding:48px 20px 64px; }
.LYRION-hero { text-align:center; margin-bottom:48px; }
.LYRION-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 16px; border-radius:999px; background:rgba(139,92,246,0.15); border:1px solid rgba(139,92,246,0.4); color:#c4b5fd; font-weight:700; letter-spacing:2px; font-size:12px; }
.LYRION-dot { width:8px; height:8px; border-radius:50%; background:#a78bfa; box-shadow:0 0 10px #a78bfa; animation:LYRIONPulse 1.6s ease-in-out infinite; }
@keyframes LYRIONPulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.4)} }
.LYRION-title { margin:18px 0 4px; font-size:clamp(42px,11vw,110px); font-weight:800; letter-spacing:10px; padding-right:10px; line-height:1.1; white-space:nowrap; background:linear-gradient(135deg,#38bdf8 0%,#818cf8 45%,#f97316 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; animation:LYRIONLoadingPulse 1.6s ease-in-out infinite; }
@keyframes LYRIONLoadingPulse { 0%,100%{opacity:1;filter:drop-shadow(0 0 18px rgba(56,189,248,0.5))} 50%{opacity:.7;filter:drop-shadow(0 0 34px rgba(249,115,22,0.55))} }
.LYRION-sub { color:#e2e8f0; font-size:16px; letter-spacing:3px; font-weight:600; }
.LYRION-desc { color:var(--muted); font-size:14px; margin:12px auto 0; max-width:640px; }
.LYRION-cta { margin-top:24px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.LYRION-btn-primary { display:inline-flex; align-items:center; gap:8px; padding:14px 28px; border-radius:999px; background:linear-gradient(135deg,#8b5cf6,#6366f1); color:#fff; font-weight:700; text-decoration:none; box-shadow:0 8px 30px rgba(139,92,246,0.35); transition:all .3s ease; border:none; cursor:pointer; }
.LYRION-btn-primary:hover { transform:translateY(-2px) scale(1.02); box-shadow:0 12px 40px rgba(139,92,246,0.5); color:#fff; }
.LYRION-btn-ghost { display:inline-flex; align-items:center; gap:8px; padding:14px 28px; border-radius:999px; background:transparent; border:1px solid rgba(255,255,255,0.18); color:#cbd5e1; font-weight:700; transition:all .3s ease; cursor:pointer; }
.LYRION-btn-ghost:hover { border-color:rgba(139,92,246,0.5); color:#fff; }
.LYRION-stats { display:flex; justify-content:center; gap:20px; flex-wrap:wrap; margin:40px 0 8px; }
.LYRION-stat-item { text-align:center; padding:18px 30px; min-width:150px; border-radius:16px; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); backdrop-filter:blur(10px); }
.LYRION-stat-value { font-size:26px; font-weight:800; color:#fff; letter-spacing:1px; }
.LYRION-stat-label { font-size:11px; color:var(--muted); letter-spacing:2px; font-weight:700; margin-top:4px; }
.LYRION-counter { text-align:center; margin:48px auto; padding:30px 20px; border-radius:20px; background:linear-gradient(160deg, rgba(23,31,51,0.6), rgba(15,23,42,0.75)); border:1px solid rgba(139,92,246,0.35); box-shadow:0 12px 50px -12px rgba(0,0,0,0.6); backdrop-filter:blur(20px); }
.LYRION-counter-title { color:#a78bfa; font-weight:700; letter-spacing:3px; font-size:13px; text-transform:uppercase; }
.LYRION-counter-total { font-size:clamp(34px,6vw,64px); font-weight:800; letter-spacing:1px; margin:12px 0 4px; font-variant-numeric:tabular-nums; background:linear-gradient(135deg,#38bdf8,#818cf8,#f97316); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.LYRION-counter-label { color:var(--muted); font-size:13px; }
.LYRION-counter-meta { display:flex; justify-content:center; gap:28px; flex-wrap:wrap; margin-top:18px; }
.LYRION-counter-meta .m { text-align:center; }
.LYRION-counter-meta .m .v { font-size:20px; font-weight:800; color:#fff; }
.LYRION-counter-meta .m .l { font-size:11px; color:var(--muted); letter-spacing:1px; text-transform:uppercase; }
.LYRION-section-title { text-align:center; color:#fff; font-weight:700; margin:40px 0 8px; letter-spacing:1px; font-size:24px; }
.LYRION-section-title::after { content:""; display:block; width:64px; height:3px; margin:12px auto 28px; border-radius:999px; background:linear-gradient(90deg,#38bdf8,#818cf8,#f97316); }
.lyr-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px,1fr)); gap:16px; }
.lyr-grid-3 { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:16px; }
.LYRION-card { height:100%; padding:22px 18px; text-align:center; background:linear-gradient(160deg, rgba(23,31,51,0.55), rgba(15,23,42,0.7)); backdrop-filter:blur(20px) saturate(180%); border:1px solid rgba(255,255,255,0.08); border-radius:16px; box-shadow:0 8px 32px -8px rgba(0,0,0,0.5); transition:all .35s cubic-bezier(.165,.84,.44,1); }
.LYRION-card:hover { border-color:rgba(139,92,246,0.45); transform:translateY(-5px); box-shadow:0 20px 60px -12px rgba(0,0,0,0.6); }
.LYRION-icon { font-size:30px; color:#a78bfa; display:block; margin-bottom:12px; }
.LYRION-value { color:#fff; font-size:24px; font-weight:800; letter-spacing:1px; }
.LYRION-label { color:#e2e8f0; font-size:14px; font-weight:600; margin-top:4px; }
.LYRION-note { color:var(--muted); font-size:12px; margin-top:6px; line-height:1.4; }
.LYRION-presale { padding:26px 18px; }
.LYRION-presale-level { color:#a78bfa; font-weight:700; letter-spacing:2px; font-size:13px; }
.LYRION-presale-amount { color:#fff; font-size:26px; font-weight:800; margin-top:10px; }
.LYRION-presale-label { color:var(--muted); font-size:12px; }
.LYRION-presale-price { color:#38bdf8; font-size:34px; font-weight:800; margin-top:10px; }
.LYRION-presale-active { border-color:rgba(56,189,248,0.45); box-shadow:0 0 40px -10px rgba(56,189,248,0.4); }
.LYRION-stat .LYRION-icon, .LYRION-dist .LYRION-icon { margin-bottom:8px; }
.LYRION-stat .LYRION-value { font-size:20px; }
.LYRION-stat .LYRION-value small { font-size:13px; color:var(--muted); }
.LYRION-q { color:#fff; font-weight:700; font-size:16px; margin-bottom:10px; display:flex; align-items:flex-start; gap:8px; text-align:left; }
.LYRION-q i { color:#38bdf8; font-size:18px; margin-top:2px; flex-shrink:0; }
.LYRION-a { color:#cbd5e1; font-size:14px; line-height:1.6; text-align:left; }
.LYRION-a-note { margin-top:10px; padding:10px 14px; border-radius:10px; background:rgba(139,92,246,0.1); border-left:3px solid #8b5cf6; color:#a5b4fc; font-size:13px; text-align:left; }
.text-left { text-align:left; }
.mt-4 { margin-top:24px; }
.mb-4 { margin-bottom:24px; }
.lyr-footer { text-align:center; padding:32px 20px 40px; color:var(--muted); font-size:12px; letter-spacing:1px; }
#LYRION-loading { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; display:flex; align-items:center; justify-content:center; transition:opacity .7s ease, visibility .7s ease; }
#LYRION-loading.LYRION-hidden { opacity:0; visibility:hidden; pointer-events:none; }
.LYRION-loading-stars { position:absolute; inset:0; background-image:radial-gradient(1.5px 1.5px at 20px 30px, rgba(255,255,255,0.8), transparent),radial-gradient(1px 1px at 90px 70px, rgba(255,255,255,0.6), transparent),radial-gradient(2px 2px at 160px 40px, rgba(255,255,255,0.45), transparent),radial-gradient(1px 1px at 220px 130px, rgba(255,255,255,0.7), transparent),radial-gradient(1.5px 1.5px at 50px 170px, rgba(255,255,255,0.55), transparent),radial-gradient(1px 1px at 280px 90px, rgba(255,255,255,0.65), transparent); background-size:300px 300px; animation:LYRIONTwinkle 4s ease-in-out infinite; pointer-events:none; }
.LYRION-loading-inner { position:relative; z-index:1; text-align:center; }
.LYRION-loading-title { margin:0; font-size:clamp(42px,11vw,110px); font-weight:800; letter-spacing:10px; padding-right:10px; line-height:1.1; white-space:nowrap; background:linear-gradient(135deg,#38bdf8 0%,#818cf8 45%,#f97316 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; animation:LYRIONLoadingPulse 1.6s ease-in-out infinite; }
.LYRION-loading-sub { color:var(--muted); letter-spacing:4px; font-size:13px; font-weight:600; margin-top:6px; text-transform:uppercase; }
.LYRION-loading-rocket { font-size:40px; margin-top:20px; display:inline-block; animation:LYRIONRocket 1.2s ease-in-out infinite; }
@keyframes LYRIONRocket { 0%,100%{transform:translateY(0) rotate(-45deg)} 50%{transform:translateY(-16px) rotate(-45deg)} }
.LYRION-loading-bar { width:260px; height:4px; background:rgba(255,255,255,0.1); border-radius:999px; margin:30px auto 0; overflow:hidden; }
.LYRION-loading-progress { height:100%; width:0; background:linear-gradient(90deg,#38bdf8,#818cf8,#f97316); border-radius:999px; animation:LYRIONProgress 1.6s linear forwards; }
@keyframes LYRIONProgress { from{width:0} to{width:100%} }
.lyr-logo { display:inline-flex; }
.lyr-logo img { height:38px; width:auto; display:block; }
.LYRION-logo-hero { width:min(90%, 460px); height:auto; display:block; margin:14px auto 6px; }
.lyr-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }