/* HIVE visual system — airy sky blue and blush pink, separate from Eco Points. */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#F5F8FF;--card:#FFFFFF;--text:#202C45;--muted:#65718A;--line:#E1E8F5;--acc:#A9CFFF;--acc2:#4B75B8;--acc-soft:#EEF4FF;--lime:#F4C9DD;--shadow:0 8px 24px rgba(79,111,169,.09);--shadow-lg:0 24px 60px rgba(79,111,169,.14);--font:'Manrope',system-ui,sans-serif;--head:'Sora',system-ui,sans-serif;--r:20px;--r-sm:14px;--ease:cubic-bezier(.2,.8,.2,1);color-scheme:light}
:root[data-theme="dark"]{--bg:#111827;--card:#1A2437;--text:#F2F5FC;--muted:#AAB6CC;--line:#303D55;--acc:#B8D6FF;--acc2:#91B9F2;--acc-soft:#253550;--lime:#F2C5DA;--shadow:0 8px 24px rgba(0,0,0,.24);--shadow-lg:0 24px 60px rgba(0,0,0,.35);color-scheme:dark}
html,body{font-family:var(--font)!important}body{background:var(--bg)!important;color:var(--text)!important;transition:background .25s,color .25s}button,input,select,textarea{font-family:var(--font)}
.phone{background:radial-gradient(900px 420px at 95% -8%,color-mix(in srgb,var(--acc) 11%,transparent),transparent 60%),var(--bg)!important;color:var(--text)}
.top{padding:17px clamp(16px,4vw,42px) 12px!important;min-height:68px;gap:14px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:12}
.brand{color:var(--text)!important;font:800 17px/1.2 var(--head)!important;letter-spacing:-.04em}.brand span{color:var(--text)}.brand svg{flex-shrink:0}
.bell,.back-btn{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:0 2px 6px rgba(0,0,0,.03);transition:transform .2s,border-color .2s}.bell:hover,.back-btn:hover{transform:translateY(-2px);border-color:var(--acc)!important}
.screen{padding:18px clamp(16px,4vw,42px) 34px!important;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.screen>*{animation:uxRise .36s var(--ease) both}.screen>*:nth-child(2){animation-delay:.025s}.screen>*:nth-child(3){animation-delay:.05s}.screen>*:nth-child(4){animation-delay:.075s}@keyframes uxRise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.hh1,.h1,.home-greeting h1{font-family:var(--head)!important;letter-spacing:-.055em!important;color:var(--text)!important;font-weight:800!important;line-height:1.12!important}.hh1,.h1{font-size:clamp(25px,3vw,36px)!important;margin:8px 0 7px!important}.hh2,.section-header h2{font-family:var(--head)!important;font-size:19px!important;letter-spacing:-.035em!important;color:var(--text)!important}.hsub,.sub,.muted,.imeta{color:var(--muted)!important;line-height:1.6}.hcard,.card,.prow,.news,.recovery-card,.home-item,.action-card,.match-card,.stats-grid>div,.login-form-card{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--shadow)!important;color:var(--text)!important;transition:transform .22s var(--ease),border-color .22s,box-shadow .22s}
.hcard,.card{padding:clamp(15px,2.3vw,22px)!important;margin-bottom:12px}.hcard:hover,.home-item:hover,.action-card:hover{border-color:color-mix(in srgb,var(--acc) 55%,var(--line))!important;box-shadow:var(--shadow-lg)!important}.hrow{border-color:var(--line)!important}.hmeta,.label{color:var(--muted)!important}.tag{border-radius:999px!important;padding:5px 10px!important;font-size:11px!important;letter-spacing:.02em!important}.hpills{gap:8px!important;padding:4px 0 10px!important;scrollbar-width:none}.hpill,.chip,.filter-pill{border:1px solid var(--line)!important;background:var(--card)!important;color:var(--muted)!important;border-radius:999px!important;min-height:39px;padding:9px 15px!important;font-weight:800!important;transition:all .2s var(--ease)!important}.hpill.on,.filter-pill.active{background:var(--acc2)!important;color:#fff!important;border-color:var(--acc2)!important;box-shadow:0 5px 14px color-mix(in srgb,var(--acc2) 24%,transparent)!important}.btn,.hbtn,.login-btn{border-radius:13px!important;min-height:44px;font-weight:800!important;transition:transform .18s var(--ease),filter .18s,box-shadow .18s!important}.btn-primary,.login-btn{background:linear-gradient(135deg,var(--acc),var(--acc2))!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px color-mix(in srgb,var(--acc2) 24%,transparent)!important}.btn-primary:hover,.login-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn:not(.btn-primary),.hbtn{background:var(--acc-soft)!important;color:var(--acc2)!important;border:1px solid var(--line)!important}.btn:active,.hbtn:active,.navbtn:active{transform:scale(.97)}.input,select.input,textarea.input,.login-field input,select,textarea{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:13px!important;min-height:45px}.input:focus,.login-field input:focus,textarea:focus,select:focus{outline:0!important;border-color:var(--acc)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 20%,transparent)!important}.login-field label{color:var(--muted)!important}.login-field input::placeholder{color:var(--muted)!important;opacity:.8}.login-msg,.hnote{background:var(--acc-soft)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:13px!important}.fine{font-size:12px!important}
/* Keep all existing feature screens legible in both modes. */
.hbody,.hrow,.prow,.hhead,.hprof,.msg,.bub,.tm,.who{color:var(--text)}.hsub a,.screen a{color:var(--acc2)}:root[data-theme="dark"] .hsub a,:root[data-theme="dark"] .screen a{color:var(--acc)}
/* Bottom taskbar: one consistent app-wide navigation, with a distinct Eco Points entry. */
.nav-main.ux-nav{position:relative;z-index:30;display:flex!important;align-items:stretch;justify-content:center;gap:5px;margin:0 auto max(10px,env(safe-area-inset-bottom));padding:7px 10px!important;width:min(920px,calc(100% - 28px));flex-shrink:0;background:color-mix(in srgb,var(--card) 92%,transparent)!important;border:1px solid var(--line)!important;border-radius:21px!important;box-shadow:0 14px 42px rgba(0,0,0,.10)!important;backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);overflow-x:auto;scrollbar-width:none}.ux-nav::-webkit-scrollbar{display:none}.ux-nav .navbtn{position:relative;display:flex!important;flex:1 0 74px;max-width:124px;min-width:62px;min-height:58px!important;align-items:center;justify-content:center;gap:4px;padding:7px 8px!important;border:0!important;border-radius:15px!important;background:transparent!important;color:var(--muted)!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:-.01em;white-space:nowrap}.ux-nav .navbtn svg{width:21px;height:21px;flex-shrink:0}.ux-nav .navbtn.active{background:var(--acc-soft)!important;color:var(--acc2)!important}.ux-nav .navbtn.active:before{content:"";position:absolute;top:4px;left:calc(50% - 10px);width:20px;height:3px;border-radius:9px;background:var(--acc)}.ux-nav .navbtn.eco-tab{color:var(--acc2)!important}.ux-nav .navbtn.eco-tab .eco-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;display:inline-block;margin-left:2px}.ux-nav .navbtn.eco-tab:hover{background:var(--acc-soft)!important}
/* Desktop app framing */
@media(min-width:900px){.phone{height:100dvh!important}.screen{padding-bottom:38px!important}.nav-main.ux-nav{margin-bottom:16px}.top{padding-top:20px!important}.screen .home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.top{padding:12px 16px 10px!important;min-height:58px}.screen{padding:14px 16px 22px!important}.nav-main.ux-nav{width:calc(100% - 16px);margin-bottom:max(6px,env(safe-area-inset-bottom));padding:5px!important;gap:2px;border-radius:17px!important}.ux-nav .navbtn{flex-basis:63px;min-width:59px;min-height:53px!important;font-size:9.5px!important;padding:6px 4px!important}.ux-nav .navbtn svg{width:20px;height:20px}.hcard,.card{border-radius:17px!important}.login-hero{padding:24px 16px!important}.login-hero-inner{max-width:520px!important}.login-form-card{padding:22px 18px!important}}
/* Field picker/login redesign, preserving the existing logo asset and auth behavior. */
.login-hero{background:var(--bg)!important;position:relative;isolation:isolate;padding:clamp(18px,4vh,42px) 20px!important;overflow:auto}.login-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 12% 14%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 38%),radial-gradient(ellipse at 95% 86%,color-mix(in srgb,var(--lime) 14%,transparent),transparent 34%);filter:none!important;z-index:-2}.login-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,color-mix(in srgb,var(--bg) 96%,transparent),color-mix(in srgb,var(--bg) 80%,transparent));z-index:-1}.login-hero-inner{width:min(100%,920px)!important;max-width:920px!important;display:grid!important;grid-template-columns:minmax(220px,.85fr) minmax(300px,1fr)!important;align-items:center!important;justify-items:stretch!important;gap:clamp(20px,5vw,70px)!important;text-align:left!important;animation:uxRise .6s var(--ease) both}.login-hero-inner>.hv-logo,.login-logo{grid-column:1;justify-self:center;align-self:center;width:min(100%,320px)!important;height:auto!important;max-height:230px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(79,111,169,.14));animation:none!important}.login-hero-inner>.login-form-card{grid-column:2;grid-row:1;max-width:460px!important;width:100%;padding:clamp(22px,3vw,34px)!important;background:var(--card)!important;backdrop-filter:none!important;border:1px solid var(--line)!important;box-shadow:var(--shadow-lg)!important}.login-hero-inner>.login-title,.login-hero-inner>.login-subtitle,.login-hero-inner>.login-quote{grid-column:1;grid-row:auto;color:var(--text)!important;text-shadow:none!important;text-align:center!important}.login-title{font:800 clamp(28px,3vw,42px)/1.08 var(--head)!important;letter-spacing:-.06em!important}.login-subtitle{color:var(--muted)!important;font-size:11px!important;letter-spacing:.16em!important}.login-quote{font:600 17px/1.5 var(--head)!important;color:var(--acc2)!important;margin-bottom:0!important}.login-form-card .login-tab{color:var(--muted)!important}.login-form-card .login-tab.active{background:var(--acc2)!important;color:#fff!important}.login-form-card .login-footer-note{color:var(--muted)!important}.login-form-card .adminlink{color:var(--acc2)!important}.login-form-card .fcard{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:17px!important}.login-form-card .fcard:hover{border-color:var(--acc)!important;transform:translateY(-2px)}.login-form-card .fcard small{color:var(--muted)!important}.login-form-card .fcard .fe{background:var(--acc-soft)!important}.login-form-card .fchip{background:var(--acc-soft)!important;border-color:var(--line)!important}.login-form-card .fchip b{color:var(--text)!important}.login-form-card .fchip button{color:var(--acc2)!important}
@media(max-width:680px){.login-hero-inner{grid-template-columns:1fr!important;gap:12px!important;max-width:470px!important}.login-hero-inner>.hv-logo,.login-logo{grid-column:1;grid-row:1;width:min(46vw,165px)!important;max-height:125px!important;margin:0 auto 4px!important}.login-hero-inner>.login-title{grid-column:1;grid-row:2}.login-hero-inner>.login-subtitle{grid-column:1;grid-row:3;margin-bottom:5px!important}.login-hero-inner>.login-quote{grid-column:1;grid-row:4;font-size:15px!important}.login-hero-inner>.login-form-card{grid-column:1;grid-row:5;max-width:none!important}.login-hero-inner>.login-form-card:not(.fpick){grid-row:5}.login-hero{align-items:flex-start!important;padding:16px!important}.login-form-card{padding:20px!important}}
/* Polished HIVE dashboard */
.ux-dashboard{max-width:1220px;margin:0 auto}.ux-welcome{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:24px;align-items:center;padding:clamp(24px,4vw,42px)!important;background:linear-gradient(120deg,var(--acc-soft),var(--card) 65%)!important;border-color:color-mix(in srgb,var(--acc) 25%,var(--line))!important;box-shadow:var(--shadow-lg)!important}.ux-welcome:after{content:"";position:absolute;z-index:-1;width:290px;height:290px;border-radius:50%;right:-72px;top:-130px;border:1px solid color-mix(in srgb,var(--acc) 25%,transparent);box-shadow:0 0 0 26px color-mix(in srgb,var(--acc) 5%,transparent),0 0 0 54px color-mix(in srgb,var(--acc) 4%,transparent)}.ux-eyebrow{display:flex;align-items:center;gap:8px;color:var(--acc2);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.ux-live{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 14%,transparent)}.ux-welcome h1{font:800 clamp(30px,4vw,48px)/1.08 var(--head);letter-spacing:-.065em;margin:0 0 12px;color:var(--text)}.ux-welcome p{max-width:560px;color:var(--muted);line-height:1.7;margin:0 0 22px;font-size:14px}.ux-cta-row{display:flex;gap:10px;flex-wrap:wrap}.ux-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;min-height:45px;border-radius:13px;background:var(--acc2);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:800;border:1px solid var(--acc2);cursor:pointer;transition:transform .2s,box-shadow .2s}.ux-cta:hover{transform:translateY(-2px);box-shadow:0 10px 20px color-mix(in srgb,var(--acc2) 22%,transparent)}.ux-cta.secondary{background:var(--card);color:var(--text)!important;border-color:var(--line)}.ux-hero-art{min-height:170px;display:grid;place-items:center;position:relative}.ux-orbit{width:170px;height:170px;border-radius:50%;border:1px solid color-mix(in srgb,var(--acc) 32%,var(--line));display:grid;place-items:center;position:relative;animation:uxOrbit 20s linear infinite}.ux-orbit:before,.ux-orbit:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--acc) 20%,var(--line));border-radius:50%;inset:17px}.ux-orbit:after{inset:36px}.ux-orbit-core{width:76px;height:76px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,var(--acc),var(--acc2));color:white;box-shadow:0 16px 35px color-mix(in srgb,var(--acc2) 32%,transparent);font:800 27px var(--head);letter-spacing:-.08em;animation:uxCounterOrbit 20s linear infinite}.ux-orbit-node{position:absolute;width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);font-size:18px}.ux-orbit-node.n1{top:4px;left:66px}.ux-orbit-node.n2{right:0;bottom:40px}.ux-orbit-node.n3{left:1px;bottom:38px}@keyframes uxOrbit{to{transform:rotate(360deg)}}@keyframes uxCounterOrbit{to{transform:rotate(-360deg)}}.ux-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:27px 2px 13px}.ux-section-head h2{font:800 18px var(--head);letter-spacing:-.04em;margin:0;color:var(--text)}.ux-section-head p{font-size:12px;color:var(--muted);margin:4px 0 0}.ux-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ux-module{min-width:0;position:relative;overflow:hidden;text-align:left;padding:20px!important;cursor:pointer;color:var(--text);border:1px solid var(--line);background:var(--card);border-radius:19px;box-shadow:var(--shadow);transition:transform .22s var(--ease),border-color .22s,box-shadow .22s}.ux-module:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--acc) 50%,var(--line));box-shadow:var(--shadow-lg)}.ux-module-icon{width:46px;height:46px;border-radius:15px;background:var(--acc-soft);display:grid;place-items:center;font-size:22px;margin-bottom:17px}.ux-module b{display:block;font:700 14px var(--head);letter-spacing:-.025em;margin-bottom:6px}.ux-module p{font-size:12px;line-height:1.55;color:var(--muted);margin:0;max-width:260px}.ux-module .ux-arrow{position:absolute;right:17px;top:19px;color:var(--muted);font-size:17px}.ux-module.eco{background:linear-gradient(135deg,color-mix(in srgb,var(--acc-soft) 90%,var(--card)),var(--card));border-color:color-mix(in srgb,var(--acc) 26%,var(--line))}.ux-bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:13px;margin-top:13px}.ux-panel{padding:21px!important}.ux-panel-title{display:flex;align-items:center;gap:10px;font:700 14px var(--head);margin-bottom:13px}.ux-panel-title .ux-mini-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--acc-soft);font-size:17px}.ux-link-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}.ux-link-row:first-of-type{border-top:0}.ux-link-row .ux-row-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--acc-soft);font-size:17px;flex-shrink:0}.ux-link-row .ux-row-copy{flex:1;min-width:0}.ux-link-row b{display:block;font-size:12px;margin-bottom:3px}.ux-link-row small{display:block;font-size:11px;color:var(--muted)}.ux-link-row .ux-chevron{color:var(--muted)}.ux-note{font-size:11px;line-height:1.6;color:var(--muted);padding:12px 14px;border-radius:13px;background:var(--acc-soft);margin-top:14px}.ux-theme{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:13px;background:var(--card);border:1px solid var(--line);color:var(--text);cursor:pointer;font-size:17px;transition:transform .2s,border-color .2s}.ux-theme:hover{transform:rotate(-8deg);border-color:var(--acc)}.ux-top-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.ux-top-tools .bell{order:2}.ux-top-tools .ux-theme{order:1}
/* Opening sequence — an intentional animated brand reveal, not a server spinner. */
#hive-intro{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:linear-gradient(135deg,#EFF7FF 0%,#F8F2FF 48%,#FFF0F6 100%);color:#263552;overflow:hidden;opacity:1;transition:opacity .65s ease,visibility .65s ease}
#hive-intro.ux-intro-out{opacity:0;visibility:hidden;pointer-events:none}
#hive-intro:before,#hive-intro:after{content:"";position:absolute;width:min(74vw,610px);aspect-ratio:1;border:1px solid rgba(111,153,218,.30);border-radius:50%;animation:introSpin 18s linear infinite}
#hive-intro:after{width:min(52vw,430px);border:1px dashed rgba(218,151,187,.45);animation-duration:25s;animation-direction:reverse}
#hive-intro .intro-glow{position:absolute;width:min(48vw,390px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(190,216,255,.55),rgba(255,223,238,.2) 55%,transparent 72%);filter:blur(8px);animation:introGlow 3.2s ease-in-out infinite alternate}
#hive-intro .ux-intro-card{position:relative;z-index:1;text-align:center;padding:28px;animation:introLift .95s cubic-bezier(.2,.8,.2,1) both}
#hive-intro img{width:min(180px,44vw);height:auto;max-height:140px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(66,91,143,.15));animation:introLogo 2.6s ease-in-out infinite}
#hive-intro h1{font:800 clamp(30px,5vw,44px)/1 var(--head);letter-spacing:-.07em;margin:16px 0 8px}
#hive-intro p{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6D7C9B;margin:0 0 26px}
#hive-intro .ux-loader{width:174px;height:3px;background:rgba(85,115,167,.14);border-radius:9px;overflow:hidden;margin:auto}
#hive-intro .ux-loader i{display:block;width:36%;height:100%;border-radius:9px;background:linear-gradient(90deg,#A9CFFF,#E9B9D3);animation:loadSweep 1.6s ease-in-out infinite}
@keyframes introSpin{to{transform:rotate(360deg)}}@keyframes introLift{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}@keyframes introLogo{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.025)}}@keyframes introGlow{from{transform:scale(.9);opacity:.7}to{transform:scale(1.08);opacity:1}}@keyframes loadSweep{0%{transform:translateX(-125%)}100%{transform:translateX(390%)}}
:root[data-theme="dark"] #hive-intro{background:linear-gradient(135deg,#101A2B 0%,#1B1B32 48%,#2A1A2A 100%);color:#F2F5FC}
:root[data-theme="dark"] #hive-intro p{color:#B4C1DA}
:root[data-theme="dark"] #hive-intro .ux-loader{background:rgba(230,238,255,.15)}
.sdgtile{border:1px solid rgba(86,111,156,.12)!important;box-shadow:0 6px 18px rgba(71,94,140,.07)!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
.sdgtile:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(71,94,140,.12)!important;filter:saturate(1.06)}
.ticker{background:color-mix(in srgb,var(--acc-soft) 90%,var(--card))!important;color:var(--acc2)!important;border-bottom:1px solid var(--line)!important}
.login-hero:before{background:radial-gradient(ellipse at 12% 14%,color-mix(in srgb,#A9CFFF 30%,transparent),transparent 40%),radial-gradient(ellipse at 95% 86%,color-mix(in srgb,#F4C9DD 34%,transparent),transparent 38%)!important}
@media(max-width:780px){.ux-welcome{grid-template-columns:1fr}.ux-hero-art{min-height:130px;grid-row:1}.ux-orbit{width:124px;height:124px}.ux-orbit-core{width:59px;height:59px;border-radius:19px;font-size:22px}.ux-orbit-node{width:30px;height:30px;border-radius:10px;font-size:15px}.ux-orbit-node.n1{left:47px}.ux-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-bottom-grid{grid-template-columns:1fr}.ux-section-head{margin-top:22px}}
@media(max-width:390px){.ux-module-grid{grid-template-columns:1fr}.ux-module{padding:17px!important}.ux-module-icon{margin-bottom:12px}.ux-welcome{padding:21px!important}.ux-welcome h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}#hive-intro{transition:none}}

.ux-module-icon svg,.ux-row-icon svg{width:23px;height:23px}.ux-loading{display:flex;flex:1;min-height:100%;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px!important;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--acc) 9%,var(--bg)),var(--bg))!important;color:var(--text)!important}.ux-loading-orbit{position:relative;width:124px;height:124px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--acc) 30%,var(--line));border-radius:50%;margin-bottom:20px;animation:uxOrbit 14s linear infinite}.ux-loading-orbit:before{content:"";position:absolute;inset:12px;border:1px dashed color-mix(in srgb,var(--acc) 35%,var(--line));border-radius:50%}.ux-loading-orbit img{width:72px;height:58px;object-fit:contain;animation:uxCounterOrbit 14s linear infinite}.ux-loading-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;right:7px;top:20px;background:var(--lime);box-shadow:0 0 0 5px color-mix(in srgb,var(--lime) 18%,transparent)}.ux-loading h1{font:800 27px var(--head);letter-spacing:-.06em;margin:0 0 7px}.ux-loading p{font-size:12px;color:var(--muted);margin:0 0 18px}.ux-loading-track{width:150px;height:3px;border-radius:8px;background:var(--line);overflow:hidden}.ux-loading-track i{display:block;height:100%;width:38%;background:linear-gradient(90deg,var(--acc2),var(--lime));border-radius:8px;animation:loadSweep 1.3s ease-in-out infinite}

.ux-dashboard .top .brand span::after{content:none!important}

/* Soft blue / blush product finish and consistent drawn icons. */
.phone{background:radial-gradient(850px 420px at 0% 0%,rgba(177,211,255,.22),transparent 65%),radial-gradient(700px 380px at 100% 25%,rgba(249,207,227,.18),transparent 62%),var(--bg)!important}
:root[data-theme="dark"] .phone{background:radial-gradient(850px 420px at 0% 0%,rgba(99,143,208,.13),transparent 65%),radial-gradient(700px 380px at 100% 25%,rgba(178,102,148,.10),transparent 62%),var(--bg)!important}
.ux-welcome{background:linear-gradient(118deg,color-mix(in srgb,#DDEBFF 78%,var(--card)),color-mix(in srgb,#FCE8F1 55%,var(--card)) 62%,var(--card))!important;border-color:color-mix(in srgb,#A9CFFF 45%,var(--line))!important}
:root[data-theme="dark"] .ux-welcome{background:linear-gradient(118deg,#1B2A42,#2B2338 65%,var(--card))!important}
.ux-module-icon,.ux-link-row .ux-row-icon,.ux-panel-title .ux-mini-icon{color:var(--acc2)!important}
.ux-module.eco{background:linear-gradient(135deg,color-mix(in srgb,#DCEBFF 72%,var(--card)),color-mix(in srgb,#F9E1EE 50%,var(--card)))!important;border-color:color-mix(in srgb,#C4B2E6 35%,var(--line))!important}
:root[data-theme="dark"] .ux-module.eco{background:linear-gradient(135deg,#20324B,#34273D)!important}
.hive-line-icon{display:inline-block;width:1.18em;height:1.18em;vertical-align:-.22em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.hive-icon-wrap{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1}
.hive-icon-wrap .hive-line-icon{width:1.22em;height:1.22em}
.ux-module-icon .hive-icon-wrap .hive-line-icon,.ux-row-icon .hive-icon-wrap .hive-line-icon{width:23px;height:23px}
.nav-main.ux-nav .navbtn .hive-icon-wrap .hive-line-icon{width:21px;height:21px}
.ux-theme .hive-line-icon{width:18px;height:18px}
.login-form-card .fcard .fe{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--acc-soft);color:var(--acc2);flex-shrink:0}
.login-form-card .fcard .fe .hive-line-icon{width:25px;height:25px}
.login-form-card .fchip>span{display:inline-flex;align-items:center;justify-content:center;color:var(--acc2)}
.login-form-card .fchip>span .hive-line-icon{width:19px;height:19px}
.login-form-card{backdrop-filter:blur(16px)!important}
.login-tabs{background:var(--acc-soft)!important;border-radius:13px!important;padding:4px!important}
.login-tab{border-radius:10px!important;transition:background .2s ease,color .2s ease!important}
.login-form-card .login-tab.active{background:linear-gradient(135deg,#7DADEB,#D99FBE)!important;box-shadow:0 6px 16px rgba(103,132,189,.18)!important}
.login-btn{background:linear-gradient(105deg,#78A8E9,#C98FB1)!important;box-shadow:0 9px 22px rgba(105,132,186,.2)!important}
:root[data-theme="dark"] .login-btn{background:linear-gradient(105deg,#6F9EDB,#BA80A5)!important}
.ux-nav .navbtn.active{background:linear-gradient(135deg,color-mix(in srgb,#DDEBFF 78%,var(--card)),color-mix(in srgb,#FCE5F0 65%,var(--card)))!important;color:var(--acc2)!important}
:root[data-theme="dark"] .ux-nav .navbtn.active{background:linear-gradient(135deg,#263B58,#3A2A42)!important}


/* HIVE visual refinement v4 — distinct from Eco Points; visible, airy sky-blue + blush palette. */
:root[data-theme="light"]{
 --bg:#E9F4FF;--card:#F7FBFF;--text:#172B46;--muted:#596D87;--line:#C7DDF4;
 --acc:#82C7F8;--acc2:#327FC1;--acc-soft:#DDEEFF;--lime:#F5BFD7;
 --shadow:0 10px 28px rgba(50,105,166,.12);--shadow-lg:0 22px 54px rgba(57,103,157,.17);color-scheme:light;
}
:root[data-theme="dark"]{
 --bg:#121925;--card:#1D2939;--text:#F3F6FC;--muted:#BCC7D8;--line:#39485E;
 --acc:#7EC4F7;--acc2:#91C8F2;--acc-soft:#26384C;--lime:#F0AFCB;
 --shadow:0 10px 28px rgba(0,0,0,.24);--shadow-lg:0 22px 54px rgba(0,0,0,.36);color-scheme:dark;
}
:root[data-theme="light"] body,:root[data-theme="light"] .phone{background:linear-gradient(122deg,#E4F3FF 0%,#F6F3FF 43%,#FFF0F6 76%,#E8F5FF 100%)!important;color:var(--text)!important}
:root[data-theme="light"] .phone{background-image:radial-gradient(ellipse at 5% 2%,rgba(105,191,248,.27),transparent 34%),radial-gradient(ellipse at 96% 10%,rgba(246,169,202,.24),transparent 32%),linear-gradient(122deg,#E5F3FF 0%,#F5F5FF 44%,#FFF0F6 78%,#EAF5FF 100%)!important}
:root[data-theme="light"] .top{background:rgba(235,246,255,.90)!important;border-color:#C9DFF5!important}
:root[data-theme="light"] .hcard,:root[data-theme="light"] .card,:root[data-theme="light"] .prow,:root[data-theme="light"] .news,:root[data-theme="light"] .recovery-card,:root[data-theme="light"] .home-item,:root[data-theme="light"] .action-card,:root[data-theme="light"] .match-card,:root[data-theme="light"] .stats-grid>div,:root[data-theme="light"] .login-form-card{background:linear-gradient(145deg,rgba(250,253,255,.96),rgba(239,247,255,.94))!important;border-color:#C8DDF2!important}
:root[data-theme="light"] .hcard:nth-child(even),:root[data-theme="light"] .ux-bottom-grid>.hcard:nth-child(2),:root[data-theme="light"] .ux-module:nth-child(3n+2){background:linear-gradient(145deg,#FFF5F9,#F5F0FF)!important;border-color:#EBCFE0!important}
:root[data-theme="light"] .ux-welcome{background:linear-gradient(115deg,#BFE5FF 0%,#E1EDFF 46%,#FFDDEA 100%)!important;border:1px solid #A8D3F4!important;box-shadow:0 18px 38px rgba(73,133,186,.16)!important}
:root[data-theme="light"] .ux-module{background:linear-gradient(145deg,#F9FCFF 0%,#E7F3FF 100%)!important;border-color:#C7DFF5!important}
:root[data-theme="light"] .ux-module:nth-child(3n+2){background:linear-gradient(145deg,#FFF8FB 0%,#FCE8F1 100%)!important;border-color:#EDCBDD!important}
:root[data-theme="light"] .ux-module:nth-child(3n){background:linear-gradient(145deg,#F5FAFF 0%,#E5F5FA 100%)!important}
:root[data-theme="light"] .ux-module-icon{background:rgba(255,255,255,.76)!important;box-shadow:0 5px 12px rgba(70,120,170,.09);border:1px solid rgba(110,159,203,.16)!important}
:root[data-theme="light"] .ux-nav{background:rgba(244,250,255,.94)!important;border-color:#C3D9EE!important;box-shadow:0 15px 42px rgba(39,95,151,.18)!important}
:root[data-theme="light"] .ux-nav .navbtn.active{background:linear-gradient(135deg,#CDEAFF,#FFE3EF)!important;color:#255D91!important}
:root[data-theme="light"] .ux-nav .navbtn.active:before{background:linear-gradient(90deg,#58B8F0,#E99CBF)!important}
:root[data-theme="light"] .btn-primary,:root[data-theme="light"] .login-btn,:root[data-theme="light"] .ux-cta{background:linear-gradient(110deg,#4FADE7,#6F98DD 54%,#D88CB0)!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px rgba(72,126,183,.22)!important}
:root[data-theme="light"] .ux-cta.secondary{background:rgba(255,255,255,.72)!important;color:#345D86!important;border:1px solid rgba(96,152,201,.34)!important;box-shadow:none!important}
:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea,:root[data-theme="light"] .login-field input{background:#F9FCFF!important;border-color:#C7DDF1!important;color:#172B46!important}
:root[data-theme="dark"] body,:root[data-theme="dark"] .phone{background:linear-gradient(125deg,#131D2A 0%,#172235 50%,#27202D 100%)!important;color:var(--text)!important}
:root[data-theme="dark"] .phone{background-image:radial-gradient(ellipse at 8% 0%,rgba(74,143,203,.17),transparent 34%),radial-gradient(ellipse at 100% 18%,rgba(206,111,153,.12),transparent 35%),linear-gradient(125deg,#131D2A 0%,#172235 50%,#27202D 100%)!important}
:root[data-theme="dark"] .top{background:rgba(19,29,43,.88)!important;border-color:#344258!important}
:root[data-theme="dark"] .ux-welcome{background:linear-gradient(115deg,#203A54 0%,#2B334D 50%,#493044 100%)!important;border-color:#45617E!important}
:root[data-theme="dark"] .ux-module{background:linear-gradient(145deg,#1D2B3D,#202A3C)!important;border-color:#394B62!important}
:root[data-theme="dark"] .ux-module:nth-child(3n+2){background:linear-gradient(145deg,#30283B,#382A3B)!important;border-color:#594054!important}
:root[data-theme="dark"] .ux-module:nth-child(3n){background:linear-gradient(145deg,#1A303B,#1D3340)!important}
:root[data-theme="dark"] .ux-module-icon{background:rgba(255,255,255,.05)!important;border:1px solid rgba(174,201,229,.16)!important}
:root[data-theme="dark"] .ux-nav{background:rgba(28,40,57,.95)!important;border-color:#3B4A60!important}
:root[data-theme="dark"] .ux-nav .navbtn.active{background:linear-gradient(135deg,#263E55,#473044)!important;color:#BFE5FF!important}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea,:root[data-theme="dark"] .login-field input{background:#202C3D!important;border-color:#40516A!important;color:#F1F5FB!important}
/* Smooth, directional transitions between HIVE screens. */
@keyframes hiveSlideR{from{opacity:0;transform:translateX(30px) scale(.992);filter:blur(2px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@keyframes hiveSlideL{from{opacity:0;transform:translateX(-30px) scale(.992);filter:blur(2px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@keyframes hiveSlideU{from{opacity:0;transform:translateY(22px) scale(.994);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes hiveSlideD{from{opacity:0;transform:translateY(-22px) scale(.994);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
#phone .screen.ux-slide-in-right{animation:hiveSlideR .42s cubic-bezier(.2,.8,.2,1) both!important}
#phone .screen.ux-slide-in-left{animation:hiveSlideL .42s cubic-bezier(.2,.8,.2,1) both!important}
#phone .screen.ux-slide-in-up{animation:hiveSlideU .42s cubic-bezier(.2,.8,.2,1) both!important}
#phone .screen.ux-slide-in-down{animation:hiveSlideD .42s cubic-bezier(.2,.8,.2,1) both!important}
html.hive-transitioning-out body:after{content:"";position:fixed;inset:0;z-index:9998;background:linear-gradient(120deg,rgba(199,230,255,.76),rgba(255,224,237,.78));backdrop-filter:blur(12px);animation:hiveOut .2s ease both;pointer-events:none}
@keyframes hiveOut{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* Opening motion is a deliberate branded sequence, not a loading placeholder. */
#hive-intro{background:linear-gradient(125deg,#E8F5FF,#F5F0FF 52%,#FFEAF3)!important;transition:opacity .48s ease,visibility .48s ease}
:root[data-theme="dark"] #hive-intro{background:linear-gradient(125deg,#121D2B,#20273A 53%,#302331)!important}
.ux-intro-card{position:relative;overflow:hidden;border:1px solid rgba(108,159,202,.27)!important;box-shadow:0 24px 80px rgba(53,101,150,.18)!important;background:rgba(250,253,255,.72)!important;backdrop-filter:blur(18px)!important}
:root[data-theme="dark"] .ux-intro-card{background:rgba(27,39,55,.78)!important;border-color:rgba(166,195,226,.15)!important}
.ux-intro-mark{position:relative;display:grid;place-items:center;margin:0 auto 4px;width:104px;height:104px;border-radius:32px;background:linear-gradient(135deg,rgba(112,197,246,.2),rgba(238,160,195,.22));animation:uxMarkFloat 2.3s ease-in-out both}
.ux-intro-mark:before,.ux-intro-mark:after{content:"";position:absolute;inset:-9px;border-radius:38px;border:1px solid rgba(95,169,220,.36);animation:uxMarkRing 2.1s ease-out both}
.ux-intro-mark:after{inset:-18px;border-color:rgba(230,143,181,.28);animation-delay:.22s}
.ux-intro-mark img{width:78px;height:78px;object-fit:contain;position:relative;z-index:1}
.ux-intro-orbit{height:20px;display:flex;justify-content:center;align-items:center;gap:9px;margin:14px 0 5px}
.ux-intro-orbit i{width:5px;height:5px;border-radius:50%;background:#61BCEB;animation:uxDot 1.05s ease-in-out infinite}
.ux-intro-orbit i:nth-child(2){background:#D68EB2;animation-delay:.15s}.ux-intro-orbit i:nth-child(3){background:#8F9FE9;animation-delay:.3s}
@keyframes uxMarkFloat{0%{opacity:0;transform:translateY(18px) scale(.82) rotate(-5deg)}28%{opacity:1;transform:translateY(0) scale(1.03) rotate(0)}58%{transform:translateY(-4px) scale(1)}100%{transform:translateY(0) scale(1)}}
@keyframes uxMarkRing{0%{opacity:0;transform:scale(.72)}45%{opacity:.85}100%{opacity:.38;transform:scale(1.08)}}
@keyframes uxDot{0%,100%{opacity:.3;transform:translateY(0) scale(.75)}50%{opacity:1;transform:translateY(-3px) scale(1.25)}}
@media(prefers-reduced-motion:reduce){#phone .screen.ux-slide-in-right,#phone .screen.ux-slide-in-left,#phone .screen.ux-slide-in-up,#phone .screen.ux-slide-in-down{animation:none!important}.ux-intro-mark,.ux-intro-mark:before,.ux-intro-mark:after,.ux-intro-orbit i{animation:none!important}}


/* FINAL palette balance — sky-blue and blush-pink should be visible, while text stays crisp. */
:root[data-theme="light"]{
 --bg:#DDEEFF;--card:#EAF5FF;--text:#18314B;--muted:#4C6680;--line:#B6D5EE;
 --acc:#76C8F7;--acc2:#2C78B8;--acc-soft:#D4ECFF;--lime:#F2AFCB;
 --shadow:0 9px 27px rgba(45,111,164,.12);--shadow-lg:0 22px 55px rgba(65,115,163,.17);
}
:root[data-theme="light"] body,
:root[data-theme="light"] .phone{
 background-color:#E9F3FF!important;
 background-image:radial-gradient(ellipse at 8% 4%,rgba(100,190,247,.39),transparent 37%),radial-gradient(ellipse at 92% 12%,rgba(244,153,193,.32),transparent 36%),radial-gradient(ellipse at 76% 84%,rgba(184,211,255,.25),transparent 40%),linear-gradient(125deg,#D6ECFF 0%,#E6EDFF 37%,#F9E5F0 67%,#DFF2FF 100%)!important;
 background-attachment:fixed!important;color:var(--text)!important;
}
:root[data-theme="light"] .top{background:rgba(219,239,255,.94)!important;border-color:#B7D7EF!important}
:root[data-theme="light"] .screen{background:transparent!important}
:root[data-theme="light"] .hcard,
:root[data-theme="light"] .card,
:root[data-theme="light"] .prow,
:root[data-theme="light"] .news,
:root[data-theme="light"] .recovery-card,
:root[data-theme="light"] .home-item,
:root[data-theme="light"] .action-card,
:root[data-theme="light"] .match-card,
:root[data-theme="light"] .stats-grid>div,
:root[data-theme="light"] .login-form-card{
 background:linear-gradient(145deg,rgba(232,246,255,.97),rgba(222,239,255,.94))!important;
 border-color:#B8D9F1!important;box-shadow:0 9px 25px rgba(54,115,165,.11)!important;
}
:root[data-theme="light"] .hcard:nth-of-type(even),
:root[data-theme="light"] .ux-bottom-grid>.hcard:nth-child(2),
:root[data-theme="light"] .ux-module:nth-child(3n+2){
 background:linear-gradient(145deg,#FFF0F6 0%,#FADDEA 100%)!important;border-color:#EAC0D4!important;
}
:root[data-theme="light"] .ux-module{background:linear-gradient(145deg,#DFF1FF 0%,#CBE8FC 100%)!important;border-color:#A9D3F1!important}
:root[data-theme="light"] .ux-module:nth-child(3n+2){background:linear-gradient(145deg,#FFF0F6 0%,#F6D9E7 100%)!important;border-color:#E9BFD2!important}
:root[data-theme="light"] .ux-module:nth-child(3n){background:linear-gradient(145deg,#E1F4FA 0%,#CDEAF4 100%)!important;border-color:#B3DDE8!important}
:root[data-theme="light"] .ux-welcome{background:linear-gradient(116deg,#A8DCFF 0%,#D7E8FF 43%,#F7CFE1 100%)!important;border-color:#8FC5EB!important;box-shadow:0 20px 42px rgba(60,120,176,.19)!important}
:root[data-theme="light"] .ux-panel{background:linear-gradient(140deg,#D8EDFF,#E9F1FF)!important;border-color:#B9D7EF!important}
:root[data-theme="light"] .ux-bottom-grid>.ux-panel:nth-child(2){background:linear-gradient(140deg,#FFF0F6,#F9E0EC)!important;border-color:#EAC1D5!important}
:root[data-theme="light"] .ux-module-icon{background:rgba(255,255,255,.66)!important;border:1px solid rgba(65,132,183,.2)!important}
:root[data-theme="light"] .ux-nav{background:rgba(215,237,255,.97)!important;border-color:#AFCFE8!important;box-shadow:0 15px 36px rgba(44,103,152,.2)!important}
:root[data-theme="light"] .ux-nav .navbtn.active{background:linear-gradient(135deg,#9EDCFF,#FACBDF)!important;color:#174F7D!important}
:root[data-theme="light"] .ux-nav .navbtn.active:before{background:linear-gradient(90deg,#2399D8,#DB78A5)!important}
:root[data-theme="light"] .btn-primary,
:root[data-theme="light"] .login-btn,
:root[data-theme="light"] .ux-cta{background:linear-gradient(110deg,#2598D5,#589EE4 52%,#D878A4)!important;color:#fff!important;box-shadow:0 8px 21px rgba(67,126,184,.25)!important}
:root[data-theme="light"] .ux-cta.secondary{background:rgba(255,242,248,.88)!important;color:#4B4568!important;border-color:#E6BDD1!important}
:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea,
:root[data-theme="light"] .login-field input{background:#EAF5FF!important;border-color:#B2D4ED!important;color:#18314B!important}
:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder{color:#58718A!important;opacity:1!important}

:root[data-theme="dark"]{
 --bg:#141B27;--card:#202A39;--text:#F3F6FC;--muted:#B9C5D8;--line:#3B4A60;
 --acc:#7ABFEA;--acc2:#A7D8FA;--acc-soft:#28394B;--lime:#D99AB7;
 --shadow:0 10px 28px rgba(0,0,0,.25);--shadow-lg:0 24px 60px rgba(0,0,0,.36);
}
:root[data-theme="dark"] body,
:root[data-theme="dark"] .phone{background-image:radial-gradient(ellipse at 7% 2%,rgba(69,151,203,.17),transparent 36%),radial-gradient(ellipse at 94% 14%,rgba(192,99,143,.16),transparent 36%),linear-gradient(125deg,#151F2D 0%,#1A2635 48%,#302332 100%)!important;background-attachment:fixed!important}
:root[data-theme="dark"] .top{background:rgba(24,35,49,.94)!important;border-color:#3A4A60!important}
:root[data-theme="dark"] .ux-welcome{background:linear-gradient(115deg,#21435B 0%,#2E354C 54%,#493142 100%)!important;border-color:#49667F!important}
:root[data-theme="dark"] .ux-module{background:linear-gradient(145deg,#203447,#242D3D)!important;border-color:#40566B!important}
:root[data-theme="dark"] .ux-module:nth-child(3n+2){background:linear-gradient(145deg,#352C3B,#3C2D3A)!important;border-color:#65465B!important}
:root[data-theme="dark"] .ux-module:nth-child(3n){background:linear-gradient(145deg,#1F3A45,#243D48)!important;border-color:#3D626E!important}
:root[data-theme="dark"] .ux-panel{background:linear-gradient(145deg,#1D3040,#232D3D)!important;border-color:#3D5266!important}
:root[data-theme="dark"] .ux-bottom-grid>.ux-panel:nth-child(2){background:linear-gradient(145deg,#302A3A,#392B3A)!important;border-color:#584254!important}
:root[data-theme="dark"] .ux-nav{background:rgba(29,41,57,.97)!important;border-color:#3E5067!important}
:root[data-theme="dark"] .ux-nav .navbtn.active{background:linear-gradient(135deg,#29465E,#4A3043)!important;color:#D8EEFF!important}
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#B7C5D9!important;opacity:1!important}

/* Route changes use a light directional slide, with reduced-motion support kept intact. */
html.hive-transitioning-out body:after{background:linear-gradient(115deg,rgba(126,202,248,.88),rgba(196,213,255,.9) 48%,rgba(244,168,199,.9));animation:hiveOut .25s cubic-bezier(.2,.8,.2,1) both}
@keyframes hiveOut{from{opacity:0;transform:translateX(38px)}to{opacity:1;transform:translateX(0)}}

/* V6 opening sequence: the original full HIVE logo stays perfectly centered and upright.
   Motion belongs to the surrounding rings, ambient glow and progress indicator. */
.ux-loading{
  min-height:100vh!important;min-height:100svh!important;width:100%;box-sizing:border-box;
  display:flex!important;flex-direction:column;align-items:center!important;justify-content:center!important;
  gap:0;padding:34px 24px!important;position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(125deg,#DCEEFF 0%,#E8E9FF 48%,#F9E1EF 100%)!important;
}
.ux-loading:before,.ux-loading:after{
  content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;
  width:min(78vw,560px);aspect-ratio:1;filter:blur(1px);
}
.ux-loading:before{left:-22%;top:-24%;background:radial-gradient(circle,rgba(93,188,245,.24),transparent 68%);animation:uxLoadAmbient 4.8s ease-in-out infinite alternate}
.ux-loading:after{right:-23%;bottom:-30%;background:radial-gradient(circle,rgba(239,143,187,.24),transparent 68%);animation:uxLoadAmbient 5.6s ease-in-out infinite alternate-reverse}
.ux-loading-orbit{
  width:min(310px,76vw)!important;height:auto!important;aspect-ratio:10/7;flex:0 0 auto;
  display:grid!important;place-items:center!important;position:relative!important;isolation:isolate;
  border:0!important;border-radius:22px!important;margin:0 auto 26px!important;overflow:visible!important;
  background:transparent!important;animation:none!important;transform:none!important;
}
.ux-loading-orbit:before,.ux-loading-orbit:after{
  content:"";position:absolute;inset:auto!important;left:50%!important;top:50%!important;
  width:118%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
}
.ux-loading-orbit:before{border:1px solid rgba(69,157,211,.42);animation:uxLoadRingSpin 7.8s linear infinite}
.ux-loading-orbit:after{width:136%;border:1px dashed rgba(218,128,172,.42);animation:uxLoadRingSpin 11s linear infinite reverse}
.ux-loading-orbit img{
  width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;
  object-position:50% 50%!important;display:block!important;position:relative!important;z-index:2;
  margin:0!important;padding:0!important;transform:none!important;animation:none!important;
  border-radius:20px;box-shadow:0 18px 44px rgba(36,57,95,.18);
}
.ux-loading-orbit i{
  position:absolute!important;z-index:3;right:-7px!important;top:12%!important;left:auto!important;
  width:10px!important;height:10px!important;border-radius:50%;background:#E58AB4!important;
  box-shadow:0 0 0 6px rgba(229,138,180,.16),0 0 18px rgba(229,138,180,.35)!important;
  animation:uxLoadSatellite 1.45s ease-in-out infinite!important;
}
.ux-loading h1{font:700 clamp(16px,2.7vw,19px)/1.4 var(--head)!important;letter-spacing:-.025em!important;text-align:center;margin:0 0 5px!important;color:#263D5B!important}
.ux-loading p{font:600 11px/1.6 var(--font)!important;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:#637895!important;margin:0 0 22px!important}
.ux-loading-track{width:min(196px,56vw)!important;height:4px!important;border-radius:99px;background:rgba(74,116,166,.18)!important;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px rgba(37,76,119,.08)}
.ux-loading-track i{display:block!important;width:34%!important;height:100%!important;border-radius:99px;background:linear-gradient(90deg,#42A9E2,#9BBDF4,#E58AB4)!important;animation:loadSweep 1.12s cubic-bezier(.4,0,.2,1) infinite!important}

#hive-intro{
  display:grid!important;place-items:center!important;padding:20px!important;box-sizing:border-box;
  background:linear-gradient(125deg,#DCEEFF 0%,#E8E9FF 48%,#F9E1EF 100%)!important;
  isolation:isolate;
}
#hive-intro .intro-glow{
  width:min(80vw,580px)!important;aspect-ratio:1;height:auto!important;
  background:radial-gradient(circle,rgba(143,201,255,.42),rgba(248,182,213,.2) 52%,transparent 72%)!important;
  filter:blur(12px)!important;animation:uxIntroGlow 3s ease-in-out infinite alternate!important;
}
#hive-intro:before,#hive-intro:after{display:none!important}
#hive-intro .ux-intro-card{
  width:min(92vw,540px)!important;box-sizing:border-box;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;text-align:center!important;
  padding:clamp(20px,4vw,34px)!important;gap:0!important;overflow:visible!important;
  border-radius:30px!important;border:1px solid rgba(105,157,206,.25)!important;
  background:rgba(255,255,255,.48)!important;backdrop-filter:blur(17px)!important;
  box-shadow:0 28px 90px rgba(55,104,151,.16)!important;
  animation:uxIntroCardEnter .58s cubic-bezier(.2,.8,.2,1) both!important;
}
#hive-intro .ux-intro-stage{
  width:min(320px,76vw)!important;aspect-ratio:10/7;height:auto!important;flex:0 0 auto;
  display:grid;place-items:center;position:relative;isolation:isolate;margin:0 auto 20px!important;overflow:visible;
}
#hive-intro .ux-intro-stage:before,#hive-intro .ux-intro-stage:after{
  content:"";position:absolute;left:50%;top:50%;width:116%;aspect-ratio:1;height:auto;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;
}
#hive-intro .ux-intro-stage:before{border:1px solid rgba(64,151,211,.48);animation:uxIntroOrbit 6.4s linear infinite}
#hive-intro .ux-intro-stage:after{width:135%;border:1px dashed rgba(218,128,172,.54);animation:uxIntroOrbit 8.8s linear infinite reverse}
#hive-intro .ux-intro-mark{
  width:100%!important;height:100%!important;aspect-ratio:10/7;display:grid!important;place-items:center!important;
  position:relative!important;z-index:2;margin:0!important;border:0!important;border-radius:19px!important;
  background:transparent!important;box-shadow:0 17px 42px rgba(31,54,89,.18)!important;
  animation:none!important;transform:none!important;overflow:hidden;
}
#hive-intro .ux-intro-mark:before,#hive-intro .ux-intro-mark:after{display:none!important;animation:none!important}
#hive-intro .ux-intro-mark img{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  object-fit:contain!important;object-position:center center!important;position:static!important;z-index:auto;
  margin:0!important;padding:0!important;border-radius:19px!important;transform:none!important;animation:none!important;
}
#hive-intro .ux-intro-card h1{font:800 clamp(19px,4vw,24px)/1.28 var(--head)!important;letter-spacing:-.045em!important;color:#243D5A!important;margin:2px 0 7px!important;text-align:center!important}
#hive-intro .ux-intro-card p{font:700 10px/1.6 var(--font)!important;letter-spacing:.13em!important;text-transform:uppercase;color:#5D7391!important;margin:0 0 7px!important;text-align:center!important}
#hive-intro .ux-intro-orbit{width:80px!important;height:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:7px auto 12px!important}
#hive-intro .ux-intro-orbit i{display:block;width:6px;height:6px;border-radius:50%;background:#4EACE2;animation:uxIntroDot 1.05s ease-in-out infinite!important;transform-origin:center}
#hive-intro .ux-intro-orbit i:nth-child(2){background:#8DA8ED;animation-delay:.16s!important}
#hive-intro .ux-intro-orbit i:nth-child(3){background:#DF85B0;animation-delay:.32s!important}
#hive-intro .ux-loader{width:min(205px,60vw)!important;height:4px!important;border-radius:99px!important;background:rgba(76,117,167,.17)!important;overflow:hidden!important;margin:0 auto!important}
#hive-intro .ux-loader i{display:block!important;width:34%!important;height:100%!important;border-radius:99px!important;background:linear-gradient(90deg,#42A9E2,#9BBDF4,#E58AB4)!important;animation:loadSweep 1.12s cubic-bezier(.4,0,.2,1) infinite!important}
@keyframes uxLoadRingSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes uxLoadSatellite{0%,100%{transform:scale(.78);opacity:.68}50%{transform:scale(1.35);opacity:1}}
@keyframes uxLoadAmbient{from{transform:scale(.92) translate3d(0,0,0);opacity:.7}to{transform:scale(1.08) translate3d(2%,1%,0);opacity:1}}
@keyframes uxIntroOrbit{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes uxIntroGlow{from{transform:scale(.9);opacity:.65}to{transform:scale(1.08);opacity:1}}
@keyframes uxIntroCardEnter{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes uxIntroDot{0%,100%{opacity:.35;transform:translateY(0) scale(.76)}50%{opacity:1;transform:translateY(-3px) scale(1.28)}}
:root[data-theme="dark"] #hive-intro .ux-intro-card{background:rgba(23,34,49,.7)!important;border-color:rgba(166,195,226,.18)!important}
:root[data-theme="dark"] #hive-intro .ux-intro-card h1{color:#F1F6FC!important}
:root[data-theme="dark"] #hive-intro .ux-intro-card p{color:#C1CEE0!important}
:root[data-theme="dark"] .ux-loading{background:linear-gradient(125deg,#152537 0%,#20243A 48%,#302333 100%)!important}
:root[data-theme="dark"] .ux-loading h1{color:#F1F6FC!important}
:root[data-theme="dark"] .ux-loading p{color:#BFCCE0!important}
:root[data-theme="dark"] .ux-loading-track{background:rgba(231,240,255,.18)!important}
@media(max-width:440px){#hive-intro .ux-intro-card{padding:22px 16px 24px!important}#hive-intro .ux-intro-stage{width:min(290px,76vw)!important;margin-bottom:18px!important}#hive-intro .ux-intro-stage:after{width:130%}}
/* Keep a visible, gentle loading cue even on devices that request reduced motion. */
@media(prefers-reduced-motion:reduce){
  #hive-intro .ux-intro-stage:before{animation:uxIntroBreath 2.4s ease-in-out infinite!important}
  #hive-intro .ux-intro-stage:after{animation:uxIntroBreath 2.8s ease-in-out infinite alternate-reverse!important}
  #hive-intro .ux-intro-orbit i{animation:uxIntroDot 1.6s ease-in-out infinite!important}
  #hive-intro .ux-loader i,.ux-loading-track i{animation:loadSweep 1.7s ease-in-out infinite!important}
  .ux-loading-orbit:before{animation:uxIntroBreath 2.4s ease-in-out infinite!important;transform:translate(-50%,-50%)!important}
  .ux-loading-orbit:after{animation:uxIntroBreath 2.8s ease-in-out infinite alternate-reverse!important;transform:translate(-50%,-50%)!important}
}
@keyframes uxIntroBreath{0%,100%{opacity:.42}50%{opacity:.9}}