/*
Theme Name: AdEarn
Description: Lightweight, Elementor-ready theme for a pay-per-task advertising platform (watch, click, share, read, refer).
Version: 1.0.0
Author: Your Name
Text Domain: adearn
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{--navy:#0E2A47;--navy2:#16385E;--green:#0FA968;--green-d:#0A8750;--gold:#F2B33D;--mist:#F3F6FA;--line:#E1E7EF;--text:#1E2B3A;--muted:#5C6B7D;--white:#fff;--r:14px;--wrap:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Manrope',system-ui,sans-serif;color:var(--text);background:var(--surface);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Sora','Manrope',sans-serif;color:var(--ink);line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2.1rem,5vw,3.6rem)}h2{font-size:clamp(1.6rem,3.2vw,2.3rem)}h3{font-size:1.2rem}
p{margin:0 0 1em}a{color:var(--link)}img{max-width:100%;height:auto}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.btn{display:inline-block;padding:13px 26px;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid transparent;transition:background .2s,transform .15s;cursor:pointer;font-size:1rem}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--btn);color:#fff}.btn-primary:hover{background:var(--btn-h);color:#fff}
.btn-ghost{border-color:rgba(255,255,255,.4);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-outline{border-color:var(--ink);color:var(--ink)}
a:focus-visible,button:focus-visible,.btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
/* header */
.site-header{background:var(--bar);position:sticky;top:0;z-index:50}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:16px}
.brand{font-family:'Sora',sans-serif;font-weight:800;font-size:1.4rem;color:#fff;text-decoration:none}
.brand span{color:var(--green)}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;align-items:center}
.main-nav a{color:#D5E0EC;text-decoration:none;padding:8px 12px;border-radius:8px;font-weight:600;font-size:.95rem}
.main-nav a:hover,.main-nav .current-menu-item>a{color:#fff;background:var(--navy2)}
.nav-cta{display:flex;gap:10px;align-items:center}
.nav-cta .btn{padding:9px 20px;font-size:.92rem}
.menu-toggle{display:none;background:none;border:2px solid #4B6585;color:#fff;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}
/* hero */
.hero{background:linear-gradient(160deg,var(--navy) 0%,#0A1E34 100%);color:#fff;padding:72px 0 84px}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero h1{color:#fff}.hero p.lead{color:#B9C9DB;font-size:1.15rem;max-width:34em}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.wallet{background:var(--surface);color:var(--text);border-radius:20px;padding:26px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.wallet-top{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:8px}
.wallet-top small{color:var(--muted);display:block}
.wallet-top strong{font-family:'Sora',sans-serif;font-size:2rem;color:var(--ink)}
.badge{background:#E7F8EF;color:var(--link);font-weight:700;font-size:.8rem;padding:4px 10px;border-radius:999px}
.earn-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed var(--line)}
.earn-row:last-child{border:0}.earn-row b{color:var(--link)}
/* sections */
.section{padding:72px 0}.section.alt{background:var(--mist)}
.section-head{max-width:640px;margin-bottom:36px}.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.grid{display:grid;gap:22px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.card h3{margin-bottom:.4em}.card p{color:var(--muted);margin:0}
.step-n{width:40px;height:40px;border-radius:50%;background:var(--bar);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:14px;font-family:'Sora',sans-serif}
.tasks{display:flex;flex-wrap:wrap;gap:10px}
.chip{background:var(--surface);border:1px solid var(--line);padding:10px 18px;border-radius:999px;font-weight:600;color:var(--ink)}
/* plans */
.plan{display:flex;flex-direction:column}
.plan ul{list-style:none;padding:0;margin:16px 0 24px;flex:1}
.plan li{padding:7px 0 7px 26px;position:relative}
.plan li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
.plan .price{font-family:'Sora',sans-serif;font-size:2.2rem;color:var(--ink);font-weight:800}
.plan .price small{font-size:.9rem;color:var(--muted);font-weight:500}
.plan.premium{background:var(--bar);color:#DCE6F1;border-color:var(--ink);position:relative}
.plan.premium h3,.plan.premium .price{color:#fff}.plan.premium .price small{color:#9FB3C9}
.plan.premium .tag{position:absolute;top:-13px;right:22px;background:var(--gold);color:var(--ink);font-weight:800;font-size:.8rem;padding:5px 14px;border-radius:999px}
.cta-band{background:var(--btn);color:#fff;text-align:center;padding:64px 20px}
.cta-band h2{color:#fff}.cta-band .btn{background:var(--bar);color:#fff}
/* content */
.page-hero{background:var(--bar);color:#fff;padding:52px 0}.page-hero h1{color:#fff;margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}
.content-area{padding:48px 0;max-width:820px;margin:0 auto}
.post-card h2{font-size:1.25rem}.post-card h2 a{color:var(--ink);text-decoration:none}
.meta{color:var(--muted);font-size:.88rem}
/* footer */
.site-footer{background:#0A1E34;color:#9FB3C9;padding:56px 0 24px}
.site-footer h4{color:#fff;font-size:1rem}.site-footer a{color:#9FB3C9;text-decoration:none}.site-footer a:hover{color:#fff}
.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{padding:4px 0}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.foot-bottom{border-top:1px solid #1E3956;margin-top:36px;padding-top:20px;font-size:.9rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
@media(max-width:900px){
.hero .wrap,.g3,.g4,.g2,.foot-grid{grid-template-columns:1fr}
.hero{padding:48px 0 56px}.section{padding:52px 0}
.menu-toggle{display:block}
.main-nav,.nav-cta{display:none}
.site-header.open .main-nav,.site-header.open .nav-cta{display:block;width:100%}
.site-header .wrap{flex-wrap:wrap;padding-bottom:0}
.site-header.open .wrap{padding-bottom:16px}
.main-nav ul{flex-direction:column;align-items:stretch}
.site-header.open .nav-cta{display:flex}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ---- Platform UI ---- */
.hero-art{position:relative}.hero-art>img{width:100%;max-width:520px;display:block;margin:0 auto}
.hero-art .wallet{position:absolute;left:0;bottom:-18px;width:62%;padding:16px 18px;font-size:.88rem}
.hero-art .wallet-top strong{font-size:1.4rem}
.ico{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#E7F8EF;color:var(--link);margin-bottom:14px;flex:none}
.ico svg{width:24px;height:24px}
.center-card{text-align:center}.center-card .ico{margin-left:auto;margin-right:auto}.center-card h3{margin:0;font-size:1rem}
.avatar{width:56px;height:56px;border-radius:50%;margin-bottom:12px}
.tcard p{color:var(--text);margin-bottom:14px}.tcard strong{display:block;color:var(--ink)}.tcard span{color:var(--muted);font-size:.9rem}
.thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:14px;display:block}
.legal h2{font-size:1.2rem;margin-top:1.4em}.legal{max-width:760px}
details summary{cursor:pointer;font-weight:700;color:var(--ink)}details p{margin:10px 0 0;color:var(--muted)}
.muted{color:var(--muted)}.earn{color:var(--link)!important;font-weight:800;margin:.3em 0 .8em!important}
.advert .btn{margin-top:4px}
.form-card{max-width:460px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 14px 40px rgba(14,42,71,.08)}
label{display:block;font-weight:600;color:var(--ink);margin-bottom:14px;font-size:.95rem}
input,select,textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1px solid #C9D4E2;border-radius:10px;font:inherit;background:var(--surface);color:var(--text)}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(15,169,104,.25);border-color:var(--green)}
label.check{display:flex;gap:10px;align-items:center;font-weight:500}label.check input{width:auto;margin:0}
.notice{padding:12px 16px;border-radius:10px;margin-bottom:18px;font-weight:600}.notice.ok{background:#E7F8EF;color:#0A6B41}.notice.err{background:#FDECEC;color:#A12626}
.dash{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start}
.dash-nav{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;position:sticky;top:90px}
.dash-user{display:flex;flex-direction:column;gap:6px;padding:6px 8px 14px;border-bottom:1px solid var(--line);margin-bottom:10px}
.dash-nav nav{display:flex;flex-direction:column;gap:2px}
.dash-nav nav a{padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--text);font-weight:600}
.dash-nav nav a:hover{background:var(--mist)}.dash-nav nav a.on{background:var(--bar);color:#fff}
.badge.gold{background:#FFF3D6;color:#8A5A00;width:max-content}
.stat small{color:var(--muted);display:block}.stat strong{font-family:'Sora',sans-serif;font-size:1.7rem;color:var(--ink);display:block}.stat span{color:var(--muted);font-size:.85rem}
.task{display:flex;gap:14px}.task-body{flex:1}.task .btn{padding:10px 20px;font-size:.92rem}
.task-live{margin-top:10px}.proof{margin-bottom:10px}.timer{margin:0 0 8px!important}
.task-msg.ok{color:var(--link);font-weight:700}.task-msg.err{color:#A12626;font-weight:600}.task.done{opacity:.7}
.tablewrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:.95rem}
.tbl th,.tbl td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line)}.tbl th{background:var(--mist);color:var(--ink)}
.pos{color:var(--link);font-weight:700}.neg{color:#A12626;font-weight:700}
.inline-form{max-width:520px}
@media(max-width:900px){.dash{grid-template-columns:1fr}.dash-nav{position:static}.dash-nav nav{flex-direction:row;flex-wrap:wrap}
.hero-art .wallet{position:static;width:100%;margin-top:12px}.task{flex-direction:column}}

/* ---- Bonus, proof, leaderboard, help bot ---- */
.bonus{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.bonus .ico{margin:0}.bonus-body{flex:1;min-width:200px}.bonus h3{margin:0 0 4px}.bonus p{margin:0}
.proof-l{font-size:.88rem;margin:10px 0 8px}.proof-l input{padding:8px;font-size:.88rem}
h3 .ico{width:36px;height:36px;margin:0 10px 0 0;vertical-align:middle;border-radius:10px}h3 .ico svg{width:20px;height:20px}
.bot-btn{position:fixed;right:18px;bottom:18px;z-index:60;background:var(--green);color:#fff;border:0;border-radius:999px;padding:14px 22px;font:700 1rem 'Manrope',sans-serif;box-shadow:0 10px 28px rgba(14,42,71,.35);cursor:pointer}
.bot-btn:hover{background:var(--green-d)}
.bot-box{position:fixed;right:18px;bottom:78px;z-index:61;width:340px;max-width:calc(100vw - 36px);background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(14,42,71,.3);display:flex;flex-direction:column;max-height:min(560px,72vh);overflow:hidden}
.bot-box[hidden]{display:none}
.bot-head{background:var(--bar);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}
.bot-x{background:none;border:0;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}
.bot-log{padding:14px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:8px;min-height:120px}
.bot-msg{padding:10px 13px;border-radius:12px;max-width:88%;font-size:.93rem;line-height:1.5}
.bot-msg.bot{background:var(--mist);align-self:flex-start}.bot-msg.me{background:var(--green);color:#fff;align-self:flex-end}
.bot-link{color:var(--link);font-weight:700}
.bot-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px;max-height:110px;overflow-y:auto}
.bot-chip,.bot-human{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font:600 .8rem 'Manrope',sans-serif;color:var(--ink);cursor:pointer;text-align:left}
.bot-human{background:var(--gold);border-color:var(--gold)}
.bot-form{display:flex;gap:8px;padding:10px 14px 14px;border-top:1px solid var(--line)}.bot-form input{margin:0;flex:1}
.bot-form button{background:var(--bar);color:#fff;border:0;border-radius:10px;padding:0 16px;font-weight:700;cursor:pointer}

/* ---- Announcement ticker, admin panel, tickets ---- */
.ticker{background:var(--gold);color:var(--ink);overflow:hidden;white-space:nowrap;font-weight:700;font-size:.92rem;position:relative;z-index:51}
.ticker-track{display:inline-flex;width:max-content;animation:adearn-tick 40s linear infinite;padding:9px 0}
.ticker:hover .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused}
.ticker-item{padding:0 36px;position:relative}.ticker-item:after{content:"•";position:absolute;right:-4px;opacity:.6}
.ticker a{color:var(--ink);text-decoration:underline}
@keyframes adearn-tick{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker{white-space:normal}.ticker-track{animation:none;flex-wrap:wrap;width:auto;padding:9px 16px}.ticker-track>span[aria-hidden]{display:none}}
.trust{background:var(--mist);border-bottom:1px solid var(--line);padding:18px 0;text-align:center;font-weight:700;color:var(--ink)}
.trust .grid{gap:10px}
.count{display:inline-block;min-width:20px;padding:1px 7px;border-radius:999px;background:#D63638;color:#fff;font-size:.75rem;font-weight:800;text-align:center;line-height:1.5}
.dash-nav nav a.on .count{background:var(--gold);color:var(--ink)}
.fe-notifs{display:flex;flex-wrap:wrap;gap:8px;background:#FFF8E6;border:1px solid #F3DDA5;border-radius:12px;padding:10px 12px;margin-bottom:20px;font-size:.92rem}
.fe-notifs a{background:var(--surface);border:1px solid #F3DDA5;border-radius:999px;padding:5px 12px;text-decoration:none;color:var(--ink);font-weight:600}
.fe-notifs a:hover{background:var(--gold)}.fe-notifs b{color:#B32D2E}
.fe-admin .fe-page h1{font-size:1.6rem}.fe-admin h2{font-size:1.2rem;margin-top:1.4em}
.fe-admin .widefat{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);font-size:.9rem;margin-bottom:10px}
.fe-admin .widefat th,.fe-admin .widefat td{padding:9px 11px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.fe-admin .widefat th{background:var(--mist);color:var(--ink)}
.fe-admin .fe-page{overflow-x:auto}
.fe-admin .button,.fe-admin button.button-link{display:inline-block;padding:7px 14px;border:1px solid #C9D4E2;border-radius:8px;background:var(--surface);color:var(--ink);font:600 .85rem 'Manrope',sans-serif;text-decoration:none;cursor:pointer;margin:2px 0}
.fe-admin .button:hover{background:var(--mist)}.fe-admin .button-primary{background:var(--green);border-color:var(--green);color:#fff}.fe-admin .button-primary:hover{background:var(--green-d)}
.fe-admin button.button-link{border:0;background:none;text-decoration:underline;padding:2px 0}
.fe-admin input[type=text],.fe-admin input[type=email],.fe-admin input[type=url],.fe-admin input[type=number],.fe-admin input[type=password],.fe-admin input[type=search],.fe-admin select,.fe-admin textarea{display:inline-block;width:auto;max-width:100%;margin:2px 0;padding:8px 10px;font-size:.9rem}
.fe-admin .regular-text{width:min(100%,360px)}.fe-admin textarea{width:100%}
.fe-admin .form-table{width:100%;border-collapse:collapse}.fe-admin .form-table th{text-align:left;width:34%;padding:10px 12px 10px 0;vertical-align:top;font-weight:600}.fe-admin .form-table td{padding:6px 0}
.fe-admin .notice-success,.fe-admin .notice-info{background:#E7F8EF;color:#0A6B41;padding:12px 16px;border-radius:10px;margin:0 0 16px}.fe-admin .notice-info{background:#EAF2FB;color:#1B4572}
.fe-admin .notice-info code{word-break:break-all}
.thread{display:flex;flex-direction:column;gap:10px;margin:16px 0}
.thread .msg{padding:12px 16px;border-radius:12px;max-width:760px;background:var(--mist)}.thread .msg.staff{background:#E7F8EF;align-self:flex-end}
.thread .msg small{color:var(--muted);display:block;margin-bottom:4px}.thread .msg p{margin:0}
.kit p{font-size:.92rem}

.dash-nav nav a.home-link{background:var(--mist);color:var(--ink);margin-bottom:6px}

/* ---- Rolling picture slider ---- */
.slider{position:relative;aspect-ratio:520/460;max-width:520px;margin:0 auto;border-radius:24px;overflow:hidden}
.slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .9s ease}.slide.on{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover;display:block}
.slide .cap{position:absolute;left:14px;top:14px;background:rgba(14,42,71,.82);color:#fff;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:700}
.slide .ill{position:absolute;right:12px;bottom:12px;background:rgba(255,255,255,.88);color:var(--ink);border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:700}
.slider .dots{position:absolute;right:14px;top:18px;display:flex;gap:7px;z-index:2}
.slider .dots button{width:11px;height:11px;border-radius:50%;border:0;background:rgba(255,255,255,.5);cursor:pointer;padding:0}.slider .dots button.on{background:var(--gold)}
@media(prefers-reduced-motion:reduce){.slide{transition:none}}

.bar{height:8px;border-radius:99px;background:var(--line);overflow:hidden;margin-bottom:4px;min-width:90px}.bar span{display:block;height:100%;background:var(--green)}

/* ---- Admin panel: keep tables inside the page and action buttons always visible ---- */
.dash-main{min-width:0}
.fe-admin .fe-page{overflow-x:auto}
.fe-admin .widefat td,.fe-admin .widefat th{word-break:break-word}
.fe-admin .widefat th:last-child,.fe-admin .widefat td:last-child{position:sticky;right:0;background:var(--surface);box-shadow:-8px 0 8px -8px rgba(14,42,71,.25);white-space:nowrap}
.fe-admin .widefat th:last-child{background:var(--mist)}

/* ---- Payment chooser ---- */
.gw-choice{margin-top:14px}.gw-choice .btn{margin:0 8px 8px 0;padding:9px 18px;font-size:.9rem}
.gw-manual{white-space:pre-line;margin-top:10px}
.gw-choice label{display:block;font-weight:600;margin-bottom:8px}.gw-choice select{display:inline-block;width:auto;margin-left:6px}
.lang-switch{color:#D5E0EC;text-decoration:none;font-weight:700;font-size:.9rem;padding:8px 12px;border:1px solid #4B6585;border-radius:999px}.lang-switch:hover{background:var(--navy2);color:#fff}


/* ================= Light and dark mode ================= */
:root{--ink:var(--navy);--bar:var(--navy);--page:#fff;--surface:#fff;--link:#0A8750;--btn:#0A8750;--btn-h:#087043;color-scheme:light}
@supports (color:color-mix(in srgb,red,blue)){:root{--link:color-mix(in srgb,var(--green) 78%,#000);--btn:color-mix(in srgb,var(--green) 78%,#000);--btn-h:color-mix(in srgb,var(--green) 62%,#000)}}
body{background:var(--page);color:var(--text)}
html[data-theme="dark"]{color-scheme:dark;--page:#0A1624;--surface:#10263D;--mist:#0E1F33;--line:#24405E;--text:#D5E0EC;--muted:#9FB3C9;--ink:#EAF1F8;--bar:#081220;--link:#34D399;--btn:#0A8750;--btn-h:#087043}
/* dark text on gold stays dark */
.btn-gold,.plan .tag,.bot-human,.ticker,.ticker a,.fe-notifs a:hover,.fe-notifs a:hover b{color:#0E2A47}
.plan.premium{border-color:var(--bar)}
html[data-theme="dark"] .site-footer{background:#060E19}
html[data-theme="dark"] .ico,html[data-theme="dark"] .badge{background:rgba(52,211,153,.14)}
html[data-theme="dark"] .badge.gold{background:rgba(242,179,61,.16);color:#F2B33D}
html[data-theme="dark"] .notice.ok,html[data-theme="dark"] .fe-admin .notice-success{background:rgba(52,211,153,.14);color:#6EE7B7}
html[data-theme="dark"] .notice.err{background:rgba(214,54,56,.18);color:#FCA5A5}
html[data-theme="dark"] .fe-admin .notice-info{background:rgba(96,165,250,.14);color:#BFDBFE}
html[data-theme="dark"] .fe-notifs{background:#2A2412;border-color:#5A4A16}
html[data-theme="dark"] .fe-notifs a{background:var(--surface);border-color:#5A4A16;color:var(--ink)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{border-color:var(--line);color:var(--text)}
html[data-theme="dark"] .thread .msg.staff{background:rgba(52,211,153,.12)}
html[data-theme="dark"] .pos,html[data-theme="dark"] .task-msg.ok{color:#6EE7B7}
html[data-theme="dark"] .neg,html[data-theme="dark"] .task-msg.err{color:#FCA5A5}
html[data-theme="dark"] .fe-admin .button{border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .fe-admin .button-primary{color:#fff;border-color:var(--btn)}
html[data-theme="dark"] .slide .ill{background:rgba(16,38,61,.92);color:var(--ink)}
html[data-theme="dark"] .form-card,html[data-theme="dark"] .wallet{box-shadow:0 14px 40px rgba(0,0,0,.45)}
html[data-theme="dark"] .bot-box{box-shadow:0 24px 60px rgba(0,0,0,.6)}
html[data-theme="dark"] .tbl,html[data-theme="dark"] .fe-admin .widefat{border-color:var(--line)}
/* smooth switch, and a curved edge where the dark top meets the page */
.theme-anim,.theme-anim *{transition:background-color .35s ease,color .35s ease,border-color .35s ease!important}
.hero{position:relative;padding-bottom:130px}.hero .wrap{position:relative;z-index:2}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:86px;background:var(--page);clip-path:ellipse(72% 100% at 50% 100%);z-index:1}
.page-hero{position:relative;padding-bottom:78px}.page-hero .wrap{position:relative;z-index:1}
.page-hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:44px;background:var(--page);clip-path:ellipse(68% 100% at 50% 100%)}
.theme-toggle{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #4B6585;background:none;color:#D5E0EC;cursor:pointer;padding:0}
.theme-toggle:hover{background:var(--navy2);color:#fff}.theme-toggle svg{width:18px;height:18px}
.theme-toggle .i-sun{display:none}html[data-theme="dark"] .theme-toggle .i-sun{display:block}html[data-theme="dark"] .theme-toggle .i-moon{display:none}
@media(max-width:900px){.hero{padding-bottom:110px}.hero:after{height:56px}}
@media(prefers-reduced-motion:reduce){.theme-anim,.theme-anim *{transition:none!important}}