/* rekapinaja — Maintenance Mode UI (banner, overlay, admin panel) */
@font-face{font-family:"RKM Jakarta";font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2) format("woff2")}
@font-face{font-family:"RKM Mono";font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2")}
.rkm-banner{position:fixed;left:0;right:0;top:0;z-index:2147483000;display:flex;align-items:center;gap:12px;padding:10px 16px;
  font:600 13.5px/1.4 "RKM Jakarta","Plus Jakarta Sans",system-ui,sans-serif;color:#422006;background:linear-gradient(90deg,#FEF3C7,#FDE68A);
  border-bottom:1px solid #F59E0B;box-shadow:0 6px 20px -12px rgba(120,53,15,.5);animation:rkm-drop .35s ease-out}
.rkm-banner.rkm-live{color:#fff;background:linear-gradient(90deg,#7C3AED,#C026D3);border-color:#6D28D9}
.rkm-banner .rkm-dot{width:9px;height:9px;border-radius:50%;background:currentColor;flex:none;animation:rkm-pulse 1.6s infinite}
.rkm-banner .rkm-txt{flex:1}
.rkm-banner button{border:0;background:rgba(0,0,0,.08);color:inherit;width:26px;height:26px;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .2s}
.rkm-banner button:hover{background:rgba(0,0,0,.18)}
body.rkm-has-banner{padding-top:44px}

.rkm-overlay{position:fixed;inset:0;z-index:2147483600;overflow:auto;background:#0A0614;color:#F5F3FF;
  font-family:"RKM Jakarta","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;animation:rkm-fade .5s ease-out}
.rkm-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.rkm-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;will-change:transform}
.rkm-orb.o1{width:520px;height:520px;left:-120px;top:-140px;background:#7C3AED;animation:rkm-orb1 18s ease-in-out infinite}
.rkm-orb.o2{width:460px;height:460px;right:-100px;bottom:-120px;background:#F43F5E;animation:rkm-orb2 22s ease-in-out infinite}
.rkm-orb.o3{width:340px;height:340px;left:45%;top:35%;background:#F97316;opacity:.28;animation:rkm-orb1 26s ease-in-out infinite reverse}
.rkm-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%)}
.rkm-wrap{position:relative;min-height:100%;max-width:1180px;margin:0 auto;padding:48px 28px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center}
.rkm-card{padding:38px 36px;border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:0 40px 100px -40px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12);
  animation:rkm-rise .7s cubic-bezier(.2,.8,.2,1)}
.rkm-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rkm-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;letter-spacing:-.01em}
.rkm-logo-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#F43F5E,#F97316);box-shadow:0 8px 20px -8px #F43F5E}
.rkm-logo-ic svg{width:18px;height:18px;color:#fff;animation:rkm-spin 8s linear infinite}
.rkm-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#FED7AA;background:rgba(249,115,22,.14);border:1px solid rgba(249,115,22,.35)}
.rkm-chip i{width:8px;height:8px;border-radius:50%;background:#F97316;box-shadow:0 0 0 0 rgba(249,115,22,.7);animation:rkm-ping 1.8s infinite}
.rkm-card h1{margin:26px 0 14px;font-size:clamp(30px,4.2vw,46px);line-height:1.06;font-weight:800;letter-spacing:-.03em;color:#fff}
.rkm-card h1 em{font-style:normal;background:linear-gradient(90deg,#FB7185,#F97316,#FBBF24);-webkit-background-clip:text;background-clip:text;color:transparent}
.rkm-lead{margin:0;color:#D6D0E8;font-size:16px;line-height:1.65;max-width:52ch}
.rkm-eta{margin-top:26px;padding:20px;border-radius:20px;background:rgba(10,6,20,.45);border:1px solid rgba(255,255,255,.08)}
.rkm-eta-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.rkm-eta-top span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#A79BC9}
.rkm-eta-top b{font-size:14px;color:#fff;font-weight:700}
.rkm-cd{display:flex;align-items:center;gap:6px;margin-top:16px}
.rkm-cd-cell{flex:1;text-align:center;padding:12px 0 10px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08)}
.rkm-cd-cell b{display:block;font:700 clamp(24px,3vw,34px)/1 "RKM Mono","JetBrains Mono",ui-monospace,SFMono-Regular,monospace;color:#fff;font-variant-numeric:tabular-nums}
.rkm-cd-cell b.tick{animation:rkm-tick .45s cubic-bezier(.2,.8,.2,1)}
.rkm-cd-cell i{display:block;margin-top:6px;font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#A79BC9}
.rkm-cd-sep{font:700 22px "RKM Mono","JetBrains Mono",monospace;color:rgba(255,255,255,.3);animation:rkm-blink 1s steps(2) infinite}
.rkm-prog{position:relative;height:8px;margin-top:18px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.rkm-prog-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#F43F5E,#F97316,#FBBF24);background-size:200% 100%;transition:width .8s ease;animation:rkm-shine 2.4s linear infinite}
.rkm-prog-indet .rkm-prog-bar{width:35%;animation:rkm-indet 1.6s ease-in-out infinite,rkm-shine 2.4s linear infinite}
.rkm-prog-lbl{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#A79BC9}
.rkm-prog-lbl b{color:#FED7AA}
.rkm-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.rkm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:14px;border:1px solid transparent;
  font:700 14px "RKM Jakarta","Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer;text-decoration:none;transition:transform .15s ease,background-color .2s ease,box-shadow .2s ease,border-color .2s ease}
.rkm-btn:hover{transform:translateY(-1px)}
.rkm-btn:active{transform:scale(.97)}
.rkm-btn-primary{background:linear-gradient(135deg,#F43F5E,#F97316);color:#fff;box-shadow:0 14px 30px -14px #F43F5E}
.rkm-btn-primary:hover{box-shadow:0 18px 36px -14px #F97316}
.rkm-btn-ghost{background:rgba(255,255,255,.04);color:#EDE9FE;border-color:rgba(255,255,255,.16)}
.rkm-btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28)}
.rkm-foot{margin-top:22px;font-size:13px;color:#8F84B0}
.rkm-art{position:relative;display:grid;place-items:center;min-height:520px}
.rkm-ring{position:absolute;width:min(440px,90%);aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,rgba(244,63,94,.0),rgba(244,63,94,.5),rgba(249,115,22,.45),rgba(124,58,237,.4),rgba(244,63,94,0));
  -webkit-mask:radial-gradient(circle,transparent 62%,#000 63%,#000 64.5%,transparent 65.5%);mask:radial-gradient(circle,transparent 62%,#000 63%,#000 64.5%,transparent 65.5%);animation:rkm-spin 14s linear infinite}
.rkm-art::before{content:"";position:absolute;width:min(380px,80%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.35),rgba(124,58,237,.15) 55%,transparent 70%)}
.rkm-art img{position:relative;width:min(340px,80%);height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5));animation:rkm-bob 4.2s ease-in-out infinite;transform-origin:50% 95%}
.rkm-art-shadow{position:absolute;bottom:30px;width:180px;height:22px;border-radius:50%;background:radial-gradient(rgba(0,0,0,.6),transparent 70%);animation:rkm-shadow 4.2s ease-in-out infinite}
.rkm-float{position:absolute;color:rgba(254,215,170,.55)}
.rkm-float svg{width:100%;height:100%;animation:rkm-spin 10s linear infinite}
.rkm-float.f1{width:46px;height:46px;top:14%;right:10%;animation:rkm-bob 5s ease-in-out infinite}
.rkm-float.f2{width:30px;height:30px;bottom:22%;left:8%;color:rgba(196,181,253,.5);animation:rkm-bob 6s ease-in-out infinite reverse}
@media (max-width:900px){
  .rkm-wrap{grid-template-columns:1fr;gap:0;padding:24px 16px 40px}
  .rkm-art{order:-1;min-height:250px;margin-bottom:-36px}
  .rkm-art img{width:170px}.rkm-ring{width:260px}.rkm-art::before{width:220px}.rkm-art-shadow{bottom:8px;width:110px}
  .rkm-card{padding:26px 20px;border-radius:22px}
}

/* Admin panel inside the dashboard */
.rkm-admin{font-family:"RKM Jakarta","Plus Jakarta Sans",system-ui,sans-serif;max-width:920px;color:inherit}
.rkm-admin h2{font-size:24px;font-weight:800;margin:0}
.rkm-admin .rkm-sub{color:#64748B;font-size:14px;margin-top:4px}
.dark .rkm-admin .rkm-sub{color:#94A3B8}
.rkm-status{margin-top:20px;display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;border:1px solid #E2E8F0;background:#fff}
.dark .rkm-status,.dark .rkm-panel{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.rkm-status .rkm-pill{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.rkm-pill.off{background:#DCFCE7;color:#166534}.rkm-pill.on{background:#FEE2E2;color:#B91C1C}.rkm-pill.soon{background:#FEF3C7;color:#92400E}
.rkm-status .rkm-st-txt{flex:1;font-size:14px}
.rkm-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:18px}
@media (max-width:860px){.rkm-grid{grid-template-columns:1fr}}
.rkm-panel{padding:22px;border-radius:18px;border:1px solid #E2E8F0;background:#fff}
.rkm-panel h3{margin:0 0 4px;font-size:16px;font-weight:800}
.rkm-modes{display:grid;gap:10px;margin-top:14px}
.rkm-mode{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;border:1.5px solid #E2E8F0;cursor:pointer;transition:border-color .2s,background-color .2s}
.dark .rkm-mode{border-color:rgba(255,255,255,.12)}
.rkm-mode:hover{border-color:#C4B5FD}
.rkm-mode.sel{border-color:#7C3AED;background:rgba(124,58,237,.06)}
.rkm-mode input{margin-top:3px;accent-color:#7C3AED}
.rkm-mode b{display:block;font-size:14px}.rkm-mode span{font-size:13px;color:#64748B}
.rkm-field{margin-top:14px}
.rkm-field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
.rkm-field input,.rkm-field textarea{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:1px solid #CBD5E1;background:transparent;color:inherit;font:500 14px "RKM Jakarta","Plus Jakarta Sans",system-ui,sans-serif;transition:border-color .2s,box-shadow .2s}
.rkm-field input:focus,.rkm-field textarea:focus{outline:0;border-color:#7C3AED;box-shadow:0 0 0 3px rgba(124,58,237,.18)}
.rkm-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rkm-hint{font-size:12px;color:#64748B;margin-top:6px}
.rkm-quick{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.rkm-admin .rkm-btn-ghost{color:#6D28D9;border-color:#DDD6FE}
.rkm-admin .rkm-btn-ghost:hover{background:#F5F3FF}
.dark .rkm-admin .rkm-btn-ghost{color:#C4B5FD;border-color:rgba(196,181,253,.3)}
.dark .rkm-admin .rkm-btn-ghost:hover{background:rgba(124,58,237,.12)}
.rkm-btn-danger{background:#DC2626;color:#fff}.rkm-btn-danger:hover{background:#B91C1C}
.rkm-btn[disabled]{opacity:.6;cursor:wait}
.rkm-preview{position:relative;display:flex;gap:14px;align-items:center;border-radius:18px;overflow:hidden;padding:18px;color:#EDE9FE;
  background:radial-gradient(260px 160px at 0% 0%,rgba(124,58,237,.55),transparent 70%),radial-gradient(260px 160px at 100% 100%,rgba(244,63,94,.45),transparent 70%),#0A0614}
.rkm-pv-img{width:96px;flex:none;filter:drop-shadow(0 12px 16px rgba(0,0,0,.5));animation:rkm-bob 4.2s ease-in-out infinite}
.rkm-pv-body{min-width:0}
.rkm-preview .rkm-chip{font-size:10.5px;padding:4px 9px}
.rkm-preview h4{margin:10px 0 6px;color:#fff;font-size:17px;line-height:1.2;font-weight:800;letter-spacing:-.02em}
.rkm-preview p{margin:0;font-size:13px;color:#D6D0E8;line-height:1.5}
.rkm-pv-eta{margin-top:8px!important;color:#FED7AA!important;font-weight:700}
.rkm-msg{margin-top:14px;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:600}
.rkm-msg.ok{background:#DCFCE7;color:#166534}.rkm-msg.err{background:#FEE2E2;color:#B91C1C}

@keyframes rkm-spin{to{transform:rotate(360deg)}}
@keyframes rkm-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes rkm-shadow{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(.8);opacity:.55}}
@keyframes rkm-ping{0%{box-shadow:0 0 0 0 rgba(249,115,22,.7)}80%,100%{box-shadow:0 0 0 9px rgba(249,115,22,0)}}
@keyframes rkm-tick{0%{transform:translateY(-35%);opacity:0}100%{transform:none;opacity:1}}
@keyframes rkm-blink{50%{opacity:.25}}
@keyframes rkm-shine{to{background-position:-200% 0}}
@keyframes rkm-indet{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}
@keyframes rkm-orb1{0%,100%{transform:translate(0,0)}50%{transform:translate(80px,60px)}}
@keyframes rkm-orb2{0%,100%{transform:translate(0,0)}50%{transform:translate(-70px,-50px)}}
@media (prefers-reduced-motion:reduce){.rkm-overlay *,.rkm-preview *{animation:none!important}}
@keyframes rkm-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes rkm-fade{from{opacity:0}to{opacity:1}}
@keyframes rkm-rise{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes rkm-drop{from{transform:translateY(-100%)}to{transform:none}}