:root{color-scheme:dark;--bg:#080b12;--panel:#0d121d;--panel2:#101725;--line:rgba(165,187,224,.13);--text:#f4f7ff;--muted:#98a4b9;--blue:#5c7cff;--cyan:#4de2ee;--purple:#a17cff;--font-head:"Space Grotesk",sans-serif;--font-body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(104,130,180,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(104,130,180,.025) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 80%)}a{color:inherit;text-decoration:none}.ambient{position:absolute;pointer-events:none;filter:blur(90px);opacity:.16;z-index:-1;border-radius:50%}.ambient-one{width:450px;height:450px;right:-130px;top:100px;background:#2946c8}.ambient-two{width:340px;height:340px;left:-180px;top:850px;background:#087c9b}.section-wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.site-header{height:88px;width:min(1280px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{width:30px;height:30px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid rgba(94,133,255,.45);border-radius:9px;background:linear-gradient(145deg,rgba(81,119,255,.22),rgba(53,216,234,.06));transform:rotate(-4deg)}.brand-mark span{width:3px;border-radius:3px;background:linear-gradient(#8ea8ff,#4be0ed);display:block}.brand-mark span:nth-child(1){height:9px}.brand-mark span:nth-child(2){height:16px}.brand-mark span:nth-child(3){height:12px}.brand-name{font:700 18px var(--font-head);letter-spacing:-.7px}.brand-name>span{color:#8495bb}.site-nav{display:flex;align-items:center;gap:34px;color:#aeb8cb;font-size:13px}.site-nav>a:not(.nav-cta):hover,.footer-links a:hover{color:#fff}.nav-cta{padding:10px 15px;border:1px solid rgba(111,143,255,.38);border-radius:9px;background:rgba(70,102,215,.12);color:#eef2ff}.nav-cta span{margin-left:8px;color:var(--cyan)}.menu-toggle{display:none}.hero{min-height:650px;padding-top:105px;position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:25px}.hero-copy{position:relative;z-index:2;padding-bottom:48px}.eyebrow,.section-kicker,.project-type,.card-index,.hero-bottom,.project-status,.community-link{font-size:10px;font-weight:700;letter-spacing:1.7px}.eyebrow{display:flex;align-items:center;gap:10px;color:#aebbe0}.status-dot,.project-status>span{width:7px;height:7px;border-radius:50%;background:#58e1c0;box-shadow:0 0 12px #58e1c077}.hero h1,.manifesto-heading h2,.join-content h2{font:600 clamp(52px,6.3vw,82px)/1.07 var(--font-head);letter-spacing:-5px;margin:27px 0 24px}.gradient-text{background:linear-gradient(100deg,#93a8ff 5%,#5b83ff 42%,#4be0e9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:485px;color:#a4afc3;font-size:16px;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:0 18px;border-radius:9px;font-size:12px;font-weight:700;transition:transform .2s,border-color .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(110deg,#5a75f4,#4261d7);border:1px solid #8195ff;color:white;box-shadow:0 8px 30px #3655dc2b}.button-primary span{font-size:17px}.button-quiet{border:1px solid var(--line);color:#c0cadc;background:rgba(255,255,255,.018)}.button-quiet:hover{border-color:#5368a5}.hero-note{display:flex;align-items:center;gap:12px;margin-top:48px;color:#707e98;font-size:11px}.note-line{width:27px;height:1px;background:#4b6be2}.hero-art{height:440px;position:relative;display:grid;place-items:center}.art-grid{position:absolute;inset:30px 0;background-image:radial-gradient(rgba(116,149,255,.3) .8px,transparent .8px);background-size:17px 17px;mask-image:radial-gradient(ellipse,black 0%,transparent 68%);opacity:.45}.orbit{position:absolute;border:1px solid rgba(102,139,255,.22);border-radius:50%;transform:rotate(-25deg)}.orbit-outer{width:400px;height:270px;box-shadow:0 0 80px #4b65ff0c,inset 0 0 50px #4b65ff09}.orbit-inner{width:320px;height:210px;border-color:rgba(67,221,234,.2);transform:rotate(42deg)}.hero-core{position:relative;z-index:2;width:178px;height:178px;border:1px solid rgba(129,156,255,.52);border-radius:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(145deg,rgba(25,39,77,.9),rgba(10,18,32,.96));box-shadow:0 0 0 10px #597cff08,0 0 80px #4666ed25,inset 0 1px #ffffff18;transform:rotate(-8deg)}.core-symbol{width:57px;height:57px;display:grid;grid-template-columns:1fr 1fr;gap:5px;transform:rotate(8deg)}.core-symbol i{display:block;border:1px solid #8ca4ff;border-radius:5px;background:linear-gradient(135deg,#5e7cff80,#3de0eb30)}.core-symbol i:nth-child(2),.core-symbol i:nth-child(3){background:linear-gradient(135deg,#4de2ee90,#4d71ff20)}.core-label{font:700 15px var(--font-head);letter-spacing:2px;transform:rotate(8deg)}.core-label span{display:block;font:700 7px var(--font-body);letter-spacing:2px;color:#8393b7;text-align:center;margin-top:2px}.float-chip{position:absolute;z-index:3;padding:8px 12px;border:1px solid rgba(136,158,213,.22);background:#0c1321e8;border-radius:8px;font-size:9px;font-weight:700;letter-spacing:1.4px;color:#d8e0f2;box-shadow:0 12px 35px #0004}.chip-top{top:74px;left:12%}.chip-right{right:0;top:48%}.chip-bottom{bottom:69px;left:18%}.chip-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.chip-dot.blue{background:#7189ff}.chip-dot.cyan{background:#4de2ee}.chip-dot.purple{background:#b38aff}.hero-bottom{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;color:#64728b;font-size:9px}.scroll-cue span{color:#7e9bff;margin-left:10px;font-size:15px}.intro{padding-top:130px;padding-bottom:145px;display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;border-top:1px solid var(--line)}.section-kicker{color:#7f94ff;white-space:nowrap}.section-kicker span{color:#697791;margin-left:6px}.intro h2,.section-heading h2{font:600 clamp(32px,4vw,47px)/1.18 var(--font-head);letter-spacing:-2px;margin:0 0 24px}.muted-heading{color:#64718a}.intro-content p{max-width:700px;color:#9ba8bd;font-size:16px;line-height:1.95;margin:0}.projects{padding-bottom:140px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-heading h2{margin:16px 0 0}.section-heading>p{color:#77849d;font-size:12px;margin:0 0 5px}.project-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.project-card{grid-column:span 3;min-height:275px;padding:24px 25px 20px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(17,24,39,.94),rgba(10,15,25,.9));display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .22s,border-color .22s,background .22s}.project-card:hover{transform:translateY(-4px);border-color:rgba(108,140,255,.43);background:linear-gradient(145deg,#141d31,#0d1422)}.project-featured{background:radial-gradient(ellipse at 100% 0%,rgba(69,93,215,.17),transparent 52%),linear-gradient(145deg,#111a2b,#0b111d)}.card-top,.card-foot{display:flex;align-items:center;justify-content:space-between}.project-icon{width:38px;height:38px;border:1px solid rgba(137,157,210,.18);border-radius:10px;display:grid;place-items:center;font-size:20px}.icon-intel{color:#9dafff;background:#657fff18}.icon-zepp{color:#6fe2eb;background:#39d4e518}.icon-games{color:#b8a0ff;background:#a17cff18}.icon-mail{color:#91a9ff;background:#718dff18}.icon-community{color:#69e8c5;background:#69e8c510}.card-index{font-size:9px;color:#56637a;letter-spacing:1.4px}.card-body{padding:22px 0 24px;flex:1}.project-type{color:#8295ca;font-size:9px;letter-spacing:1.5px}.project-card h3{font:600 23px var(--font-head);letter-spacing:-.6px;margin:8px 0}.project-card p{font-size:12px;color:#8d9bb1;line-height:1.85;margin:0;max-width:440px}.card-foot{border-top:1px solid rgba(165,187,224,.1);padding-top:16px}.project-status{display:flex;align-items:center;gap:8px;color:#75849e;font-size:9px;letter-spacing:1.2px}.project-status>span{width:5px;height:5px;box-shadow:none;background:#718aff}.card-arrow{font-size:18px;color:#7388c4;transition:transform .2s}.project-card:hover .card-arrow{transform:translate(3px,-3px);color:#77e2ef}.community-card{grid-column:span 6;min-height:205px;background:radial-gradient(ellipse at 90% 40%,rgba(30,147,166,.12),transparent 38%),linear-gradient(110deg,#0d171f,#0c131e);border-color:rgba(78,206,218,.16)}.community-card .card-body{max-width:600px;padding:15px 0 18px}.community-link{font-size:9px;color:#69dbe5;letter-spacing:1.4px}.projects-note{font-size:10px;color:#65728a;margin-top:19px}.asterisk{color:#6b89ff;margin-right:5px}.manifesto{border-block:1px solid var(--line);background:linear-gradient(180deg,rgba(15,22,36,.75),rgba(8,11,18,.2))}.manifesto-inner{padding-top:100px;padding-bottom:112px}.manifesto-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:28px 0 58px}.manifesto-heading h2{font-size:clamp(43px,5vw,64px);margin:0;letter-spacing:-3px}.manifesto-heading>p{max-width:380px;color:#94a1b7;font-size:13px;line-height:1.9;margin:0 0 6px}.principle-grid{border-top:1px solid var(--line)}.principle{display:grid;grid-template-columns:90px 1fr 35px;align-items:start;gap:25px;padding:27px 8px;border-bottom:1px solid var(--line)}.principle-number{font:500 12px var(--font-head);color:#738aff;padding-top:4px}.principle h3{font:600 19px var(--font-head);margin:0 0 5px;letter-spacing:-.3px}.principle p{font-size:12px;color:#8e9bb1;margin:0;line-height:1.8}.principle-symbol{font-size:23px;color:#687da8;text-align:right}.join-section{padding-top:115px;padding-bottom:110px}.join-panel{min-height:390px;position:relative;overflow:hidden;border:1px solid rgba(104,133,255,.27);border-radius:18px;background:radial-gradient(ellipse at 95% 10%,rgba(67,97,231,.18),transparent 45%),linear-gradient(115deg,#101a2b,#0b111c 72%);padding:60px 65px;display:flex;align-items:center}.join-glow{position:absolute;width:300px;height:300px;left:30%;top:30%;background:#3556e0;filter:blur(130px);opacity:.12}.join-content{position:relative;z-index:2;max-width:560px}.join-content h2{font-size:clamp(42px,5vw,62px);letter-spacing:-3px;margin:22px 0 14px}.join-content p{color:#9ca9be;max-width:440px;font-size:13px;line-height:1.9;margin:0 0 25px}.join-decoration{position:absolute;right:65px;top:50%;width:290px;height:290px;transform:translateY(-50%);display:grid;place-items:center}.join-ring{position:absolute;border:1px solid rgba(112,146,255,.2);border-radius:50%}.ring-a{width:270px;height:270px}.ring-b{width:205px;height:205px;border-color:rgba(73,217,233,.23)}.ring-c{width:135px;height:135px;border-color:rgba(134,112,255,.38);box-shadow:0 0 50px #5b6eff14}.join-decoration>span{font:700 27px var(--font-head);letter-spacing:5px;color:#dce4ff}.join-decoration>span span{display:block;font:700 8px var(--font-body);text-align:center;letter-spacing:3px;color:#8193c5;margin-top:4px}.site-footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:30px;padding-bottom:25px}.footer-brand .brand-name{font-size:16px}.site-footer>p{font-size:11px;color:#6e7b92;text-align:center}.footer-links{display:flex;justify-content:flex-end;gap:23px;font-size:11px;color:#8e9ab0}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid rgba(165,187,224,.09);padding-top:20px;margin-top:10px;color:#5e6a80;font-size:9px;letter-spacing:.4px}.footer-bottom a{color:#7786a2;letter-spacing:1px}.menu-toggle{background:none;border:0}.fade-in{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.fade-in.is-visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.hero{grid-template-columns:1fr 0.8fr;gap:0}.hero h1{font-size:62px}.hero-art{transform:scale(.85);margin-inline:-35px}.site-nav{gap:20px}.join-decoration{right:10px;opacity:.65}.join-content{max-width:510px}.join-panel{padding:48px}.intro{gap:30px}.section-heading{align-items:start;gap:25px;flex-direction:column}}@media(max-width:680px){.section-wrap,.site-header{width:calc(100% - 38px)}.site-header{height:72px}.brand-name{font-size:16px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px;z-index:12}.menu-toggle span{width:21px;height:2px;background:#dce5ff;border-radius:2px}.site-nav{display:none;position:absolute;top:63px;left:0;right:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:#0b111df7;backdrop-filter:blur(18px);flex-direction:column;align-items:stretch;gap:5px;box-shadow:0 20px 40px #0006}.site-nav.is-open{display:flex}.site-nav>a:not(.nav-cta){padding:10px 8px}.nav-cta{text-align:center;margin-top:6px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding-top:82px;padding-bottom:72px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(49px,13vw,70px);letter-spacing:-3.5px;margin-top:23px}.hero-description{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch;max-width:360px}.button{min-height:49px}.hero-note{margin-top:27px;font-size:10px}.hero-art{height:330px;transform:scale(.85);margin:-5px -20px -8px}.orbit-outer{width:340px;height:230px}.orbit-inner{width:270px;height:185px}.hero-core{width:150px;height:150px}.chip-top{left:6%;top:48px}.chip-bottom{left:8%;bottom:40px}.chip-right{right:2%;top:48%}.hero-bottom{bottom:0;font-size:8px}.intro{padding-top:80px;padding-bottom:90px;grid-template-columns:1fr;gap:24px}.intro h2,.section-heading h2{font-size:34px;letter-spacing:-1.5px}.intro-content p{font-size:14px}.projects{padding-bottom:90px}.section-heading{margin-bottom:25px}.section-heading>p{margin:0}.project-grid{grid-template-columns:1fr;gap:11px}.project-card,.community-card{grid-column:span 1;min-height:255px;padding:21px}.community-card{min-height:235px}.project-card h3{font-size:22px}.manifesto-inner{padding-top:78px;padding-bottom:82px}.manifesto-heading{flex-direction:column;align-items:start;gap:18px;margin:24px 0 36px}.manifesto-heading h2{font-size:48px;letter-spacing:-2.5px}.manifesto-heading>p{font-size:12px}.principle{grid-template-columns:35px 1fr 20px;gap:12px;padding:23px 0}.principle h3{font-size:17px}.principle p{font-size:11px}.principle-symbol{font-size:18px}.join-section{padding-top:75px;padding-bottom:75px}.join-panel{padding:35px 25px;min-height:430px;align-items:flex-start}.join-content h2{font-size:46px;letter-spacing:-2.5px}.join-content p{font-size:12px}.join-decoration{right:-85px;top:auto;bottom:-115px;transform:none;opacity:.35}.join-decoration .ring-a{width:250px;height:250px}.join-decoration .ring-b{width:190px;height:190px}.join-decoration .ring-c{width:125px;height:125px}.join-content .button{position:relative}.site-footer{grid-template-columns:1fr auto;gap:12px}.site-footer>p{display:none}.footer-links{gap:13px;font-size:10px}.footer-bottom{margin-top:13px;font-size:8px}.footer-bottom a{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.fade-in{opacity:1;transform:none}}

/* OKG community hub and secondary pages */
.hub-section{padding:0 0 130px}.hub-section .section-heading{margin-bottom:28px}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hub-card{min-height:235px;padding:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(17,25,42,.9),rgba(10,15,25,.92));display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,border-color .2s,background .2s}.hub-card:hover{transform:translateY(-4px);border-color:rgba(93,132,255,.5);background:linear-gradient(145deg,#151f34,#0d1422)}.hub-emoji{font-size:26px;line-height:1.3;margin-bottom:16px}.hub-label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#7f9bff}.hub-card h3{font:600 20px var(--font-head);letter-spacing:-.5px;margin:8px 0}.hub-card p{font-size:12px;line-height:1.8;color:#94a1b7;margin:0 0 18px}.hub-arrow{font-size:11px;font-weight:700;color:#6edce9;margin-top:auto}.hub-card-roblox{background:radial-gradient(ellipse at 100% 0%,#237d8c25,transparent 60%),linear-gradient(145deg,#102025,#0b121b)}.hub-card-support{background:radial-gradient(ellipse at 100% 0%,#4d61bf25,transparent 60%),linear-gradient(145deg,#14182b,#0b111c)}.page-main{min-height:60vh}.page-hero{padding:88px 0 55px;position:relative}.page-hero .eyebrow{margin-bottom:18px}.page-hero h1{font:600 clamp(42px,6vw,70px)/1.08 var(--font-head);letter-spacing:-3.5px;margin:0 0 18px}.page-hero p{max-width:700px;color:#a1aec2;font-size:15px;line-height:1.9;margin:0}.page-kicker{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#8198ff}.content-panel{border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(17,24,39,.94),rgba(10,15,25,.9));padding:26px;margin-bottom:16px}.content-panel h2{font:600 23px var(--font-head);margin:0 0 10px;letter-spacing:-.6px}.content-panel h3{font:600 17px var(--font-head);margin:0 0 8px}.content-panel p,.content-panel li{color:#9ba8bd;font-size:13px;line-height:1.9}.content-panel p:last-child{margin-bottom:0}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:100px}.content-grid .content-panel{margin:0}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(114,140,255,.25);border-radius:99px;padding:5px 10px;font-size:9px;letter-spacing:1px;font-weight:700;color:#9aabff}.pill-dot{width:6px;height:6px;border-radius:50%;background:#65dfbe}.page-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:100px}.staff-card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#121b2b,#0b111b);padding:25px;min-height:230px}.staff-avatar{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg,#526fff40,#4de2ee1a);border:1px solid #718cff45;margin-bottom:18px}.staff-role{font-size:9px;letter-spacing:1.5px;color:#8298ff;font-weight:700}.staff-card h2{font:600 21px var(--font-head);margin:6px 0}.staff-card p{font-size:12px;line-height:1.8;color:#96a3b8}.dashboard-layout{display:grid;grid-template-columns:220px 1fr;gap:18px;padding-bottom:100px}.dashboard-sidebar,.dashboard-main-card{border:1px solid var(--line);border-radius:14px;background:#0d131f;padding:20px}.dashboard-sidebar h3{font:600 15px var(--font-head);margin:0 0 14px}.dashboard-nav{display:grid;gap:7px}.dashboard-nav a{font-size:12px;color:#9aa8bf;padding:9px 10px;border-radius:8px}.dashboard-nav a.active,.dashboard-nav a:hover{background:#526fff20;color:#dce5ff}.dashboard-main-card{padding:26px}.dashboard-main-card h2{font:600 26px var(--font-head);margin:0 0 8px}.dashboard-main-card>p{color:#9ba8bd;font-size:13px;line-height:1.9}.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.dashboard-stat{padding:16px;border:1px solid var(--line);border-radius:10px;background:#ffffff04}.dashboard-stat span{display:block;color:#8290a8;font-size:10px}.dashboard-stat strong{display:block;font:600 23px var(--font-head);margin-top:6px}.dashboard-note{padding:14px 16px;border:1px solid #d6a64b40;background:#b8811810;border-radius:10px;color:#d9c18c;font-size:12px;line-height:1.8;margin-top:18px}.support-mail{color:#76e1ed;text-decoration:underline;text-underline-offset:3px}.page-footer-cta{margin-bottom:70px}.page-footer-cta .join-panel{min-height:250px;padding:35px 40px}.page-footer-cta .join-decoration{transform:translateY(-50%) scale(.7)}.footer-links{flex-wrap:wrap}
@media(max-width:900px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout{grid-template-columns:180px 1fr}}
@media(max-width:680px){.hub-section{padding-bottom:85px}.hub-grid,.content-grid,.staff-grid{grid-template-columns:1fr}.hub-card{min-height:205px}.page-hero{padding:65px 0 38px}.page-hero h1{letter-spacing:-2px}.page-hero p{font-size:13px}.content-panel{padding:21px}.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{padding:14px}.dashboard-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main-card{padding:20px}.dashboard-stats{grid-template-columns:1fr}.page-footer-cta .join-panel{padding:30px 22px}.page-footer-cta .join-decoration{opacity:.2}}


/* Authentication and live portal */
.portal-auth-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:16px;padding-bottom:100px;align-items:start}
.portal-auth-card,.portal-auth-side{padding:28px}
.portal-auth-card h2,.portal-auth-side h2{font:600 25px var(--font-head);letter-spacing:-.7px;margin:12px 0}
.portal-mode-switch{display:flex;gap:8px;margin-bottom:24px;padding:5px;border:1px solid var(--line);border-radius:12px}
.portal-mode-switch .button{flex:1}.portal-mode-switch .active{background:#536fff25;border-color:#7d93ff55;color:#eef1ff}
.portal-form{display:grid;gap:14px;margin-top:18px}
.portal-form label{display:grid;gap:7px;font-size:12px;color:#c4cee0;font-weight:600}
.portal-form input,.portal-form textarea,.portal-form select,.portal-table select{width:100%;border:1px solid #28334a;background:#080e18;color:#e9efff;border-radius:9px;padding:12px 13px;font:inherit;font-size:13px;outline:none}
.portal-form input:focus,.portal-form textarea:focus,.portal-form select:focus{border-color:#758dff;box-shadow:0 0 0 3px #6a80ff20}
.portal-form input::placeholder,.portal-form textarea::placeholder{color:#64738d}
.portal-form button:disabled,.portal-table button:disabled{opacity:.55;cursor:wait}
.portal-muted{font-size:11px!important;line-height:1.8!important;color:#8290a8!important}
.portal-feature-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:16px}
.portal-feature-list li{font-size:13px;color:#b0bdd1;line-height:1.7}
.portal-notice{font-size:12px;line-height:1.7;padding:12px 14px;border:1px solid #4f6c9855;border-radius:9px;background:#101b2a;color:#c7d6ee}
.portal-notice.error{border-color:#e06e7a66;background:#3a1720;color:#ffc4ca}
.portal-notice.success{border-color:#53d6b066;background:#0d302b;color:#b6f7df}
.portal-notice[hidden]{display:none}
.dashboard-live{min-width:0;display:grid;gap:16px}
.dashboard-live .content-panel{margin:0}.dashboard-live .dashboard-main-card{min-width:0}
.dashboard-live .dashboard-main-card>h2{font:600 26px var(--font-head);margin:14px 0 8px}
.dashboard-live .dashboard-main-card>p{font-size:13px;color:#9ba8bd;line-height:1.8}
.portal-list{display:grid;gap:10px;margin-top:16px}
.portal-list-item{border:1px solid var(--line);border-radius:10px;padding:15px;background:#080e1870;min-width:0}
.portal-list-item strong{font-size:13px;overflow-wrap:anywhere}
.portal-list-item p{font-size:11px;color:#95a3b8;line-height:1.7;overflow-wrap:anywhere}
.portal-list-item .page-actions{margin-top:10px}.portal-list-item .button{font-size:10px;padding:8px 10px}
.portal-table-wrap{overflow:auto;margin:14px 0 25px;max-width:100%}
.portal-table{border-collapse:collapse;width:100%;font-size:11px;min-width:580px}
.portal-table th,.portal-table td{text-align:left;padding:11px 9px;border-bottom:1px solid var(--line);vertical-align:middle}
.portal-table th{color:#8495b2;font-size:9px;letter-spacing:1px;text-transform:uppercase}
.portal-table td{color:#b8c5d9}.portal-table select{min-width:90px;width:auto;padding:8px;margin-right:6px}
.portal-table button{padding:8px 10px;font-size:10px}.portal-date{font-size:10px!important;color:#8190a8!important}
.dashboard-live h3{font:600 17px var(--font-head);margin:22px 0 8px}
@media(max-width:760px){.portal-auth-layout{grid-template-columns:1fr;padding-bottom:75px}.portal-auth-card,.portal-auth-side{padding:21px}.portal-mode-switch{margin-bottom:18px}.dashboard-live .dashboard-stats{grid-template-columns:1fr}.portal-table{min-width:520px}}


/* =========================================================
   OKG WEB v1.1.0 — visual refresh, accessibility and polish
   ========================================================= */
:root{--bg:#070a11;--panel:#0c1220;--panel2:#111a2b;--line:rgba(160,185,235,.16);--text:#f5f7ff;--muted:#9aa8c0;--blue:#6685ff;--cyan:#54e7ef}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{background:radial-gradient(ellipse at 72% 0%,rgba(46,72,167,.14),transparent 36%),var(--bg);letter-spacing:.005em}
body:before{opacity:.75;background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
::selection{background:rgba(93,126,255,.38);color:#fff}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.site-header{position:sticky;top:0;height:76px;width:min(1320px,calc(100% - 48px));padding-inline:12px;background:rgba(7,10,17,.78);backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(160,185,235,.1);border-top:0;border-radius:0 0 16px 16px;box-shadow:0 12px 45px rgba(0,0,0,.18)}
.brand-mark{width:34px;height:34px;border-radius:11px;box-shadow:0 0 25px rgba(86,121,255,.12)}
.brand-name{font-size:19px}
.site-nav{gap:clamp(14px,2.4vw,32px)}
.site-nav a{transition:color .18s ease,background .18s ease,border-color .18s ease}
.nav-cta{border-radius:11px;padding:10px 16px}
.hero{min-height:680px;padding-top:84px}
.hero h1{font-size:clamp(54px,7vw,91px);letter-spacing:-.065em;line-height:1.01}
.hero-description{font-size:16px;max-width:510px}
.hero-art{min-height:450px}
.hero-core{border-radius:40px;box-shadow:0 0 0 12px rgba(89,124,255,.035),0 25px 100px rgba(65,94,255,.2),inset 0 1px rgba(255,255,255,.12)}
.orbit-outer{border-color:rgba(102,139,255,.3)}
.orbit-inner{border-color:rgba(67,221,234,.28)}
.button{min-height:50px;border-radius:12px;padding-inline:20px;letter-spacing:.01em}
.button-primary{background:linear-gradient(115deg,#607cff 0%,#4c63e8 55%,#3d8fce 100%);border-color:rgba(173,193,255,.65);box-shadow:0 10px 35px rgba(62,91,229,.2);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.button-primary:hover{box-shadow:0 15px 40px rgba(62,91,229,.32);filter:brightness(1.08)}
.button-quiet{border-radius:12px;background:rgba(255,255,255,.025)}
.news-ribbon{margin-top:4px;margin-bottom:14px}
.news-ribbon-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:17px 21px;border:1px solid rgba(105,139,255,.23);border-radius:14px;background:linear-gradient(105deg,rgba(44,64,133,.2),rgba(15,23,39,.78) 45%,rgba(16,54,68,.18));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.news-label{display:flex;align-items:center;gap:9px;color:#9baeff;font-size:9px;font-weight:800;letter-spacing:1.4px;white-space:nowrap}
.news-live-dot{width:7px;height:7px;border-radius:50%;background:#54e7bd;box-shadow:0 0 13px #54e7bd80}
.news-ribbon-inner strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px var(--font-head);color:#eaf0ff}
.news-ribbon-inner>a{font-size:11px;font-weight:700;color:#a8bbff;white-space:nowrap}
.news-ribbon-inner>a span{color:var(--cyan);margin-left:5px}
.intro{padding-top:118px;padding-bottom:125px}
.intro h2,.section-heading h2{letter-spacing:-.055em}
.section-heading{gap:28px}
.project-grid{gap:16px}
.project-card,.hub-card,.content-panel,.staff-card,.dashboard-sidebar,.dashboard-main-card{border-color:rgba(150,177,231,.15);box-shadow:0 14px 40px rgba(0,0,0,.08);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.project-card:hover,.hub-card:hover,.staff-card:hover{transform:translateY(-4px);border-color:rgba(107,143,255,.48);box-shadow:0 22px 48px rgba(0,0,0,.2),0 0 35px rgba(69,105,255,.06)}
.project-card{background:linear-gradient(145deg,rgba(18,27,46,.94),rgba(10,15,26,.97))}
.project-featured{background:radial-gradient(ellipse at 100% 0%,rgba(73,101,228,.16),transparent 55%),linear-gradient(145deg,rgba(18,27,46,.97),rgba(10,15,26,.97))}
.project-icon{box-shadow:inset 0 1px rgba(255,255,255,.06)}
.hub-card{background:linear-gradient(150deg,rgba(17,25,42,.95),rgba(10,15,25,.95));border-radius:16px}
.hub-card:hover .hub-arrow{color:#c5d4ff}
.manifesto{background:linear-gradient(180deg,transparent,rgba(14,22,39,.55) 18%,rgba(14,22,39,.55) 82%,transparent);border-block:1px solid rgba(160,185,235,.07)}
.principle{border-color:rgba(160,185,235,.13)}
.join-panel{border-color:rgba(117,146,255,.32);background:radial-gradient(ellipse at 10% 0%,rgba(81,110,246,.18),transparent 52%),linear-gradient(125deg,#101a2e,#0b111e 65%,#0d1c28);box-shadow:0 25px 85px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.055)}
.join-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(102,139,255,.06),transparent 70%)}
.site-footer{border-top-color:rgba(160,185,235,.14)}
.footer-bottom{gap:14px;flex-wrap:wrap}
.site-version{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(105,139,255,.25);border-radius:999px;padding:4px 9px;background:rgba(72,98,190,.1);color:#9fb0dc;font-size:9px;font-weight:800;letter-spacing:1px;white-space:nowrap}
.site-version:before{content:"";width:5px;height:5px;border-radius:50%;background:#5de0ca;box-shadow:0 0 8px rgba(93,224,202,.45)}
.page-hero h1{letter-spacing:-.06em}
.content-panel{background:linear-gradient(145deg,rgba(17,25,42,.94),rgba(10,15,25,.95));border-radius:16px}
.pill{border-radius:999px}
.portal-auth-card,.portal-auth-side{border-radius:16px}
.portal-form input,.portal-form textarea,.portal-form select,.portal-table select{border-color:rgba(140,165,220,.22);border-radius:11px;background:#080d17}
.portal-form input:focus,.portal-form textarea:focus,.portal-form select:focus{border-color:#8298ff;box-shadow:0 0 0 4px rgba(106,128,255,.14)}
.portal-notice{border-radius:12px}
.portal-list-item{border-radius:12px;background:rgba(8,14,24,.65)}
@media(max-width:900px){.site-header{width:calc(100% - 28px);height:70px}.hero{min-height:auto;padding-top:75px;padding-bottom:72px}.hero-art{height:380px}.news-ribbon-inner{gap:12px}.intro{padding-top:90px;padding-bottom:95px}}
@media(max-width:680px){.section-wrap{width:calc(100% - 34px)}.site-header{width:calc(100% - 20px);padding-inline:10px}.brand-name{font-size:17px}.hero{padding-top:62px;gap:0}.hero h1{font-size:clamp(48px,13vw,70px);letter-spacing:-.065em}.hero-description{font-size:14px;line-height:1.85}.hero-art{height:300px;min-height:300px;transform:scale(.88);margin:-5px -12px 0}.orbit-outer{width:340px;height:225px}.orbit-inner{width:270px;height:180px}.hero-core{width:150px;height:150px;border-radius:32px}.chip-top{top:35px}.chip-bottom{bottom:35px}.hero-bottom{bottom:10px;font-size:8px}.news-ribbon{margin-top:0}.news-ribbon-inner{grid-template-columns:1fr auto;gap:8px 12px;padding:14px}.news-label{grid-column:1/-1}.news-ribbon-inner strong{font-size:12px;white-space:normal}.news-ribbon-inner>a{font-size:10px}.intro{grid-template-columns:1fr;gap:24px;padding-top:75px;padding-bottom:80px}.section-heading{align-items:start;flex-direction:column;gap:14px}.section-heading h2{font-size:34px}.project-grid{gap:12px}.project-card{padding:21px;min-height:250px}.join-panel{border-radius:16px}.site-version{order:3}.footer-bottom{align-items:flex-start}.footer-bottom>a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* =========================================================
   OKG WEB v1.2.0 — account experience redesign
   ========================================================= */
:root{
  --portal-surface:rgba(13,20,35,.88);
  --portal-border:rgba(145,171,231,.16);
  --portal-muted:#9aa9c3;
  --portal-blue:#7892ff;
  --portal-cyan:#56e4ed;
}
[hidden]{display:none!important}
.portal-auth-layout{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(270px,.72fr);
  align-items:stretch;gap:22px;margin-top:8px;margin-bottom:100px;
}
.portal-auth-card,.portal-auth-side{
  min-width:0;padding:clamp(24px,4vw,42px);
  border:1px solid var(--portal-border);border-radius:24px;
  background:linear-gradient(150deg,rgba(19,29,51,.96),rgba(9,14,25,.96));
  box-shadow:0 24px 70px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.035);
}
.portal-auth-card{position:relative;overflow:hidden}
.portal-auth-card:before{
  content:"";position:absolute;inset:0 0 auto;height:2px;
  background:linear-gradient(90deg,transparent,var(--portal-blue),var(--portal-cyan),transparent);opacity:.9
}
.portal-mode-switch{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:30px;
  border:1px solid rgba(150,175,230,.12);border-radius:14px;background:rgba(3,7,14,.48)
}
.portal-mode-switch .button{
  min-height:43px;padding:10px 12px;border:1px solid transparent;
  background:transparent;color:#96a5c1;font-size:12px;font-weight:700
}
.portal-mode-switch .button:hover{color:#fff;background:rgba(255,255,255,.04)}
.portal-mode-switch .button.active{
  color:#fff;border-color:rgba(128,151,255,.3);
  background:linear-gradient(135deg,rgba(95,122,255,.24),rgba(63,178,205,.1));
  box-shadow:inset 0 1px rgba(255,255,255,.05)
}
.portal-auth-card [data-auth-panel] h2{
  margin:0 0 8px;font:700 clamp(26px,3vw,34px)/1.15 var(--font-head);
  letter-spacing:-.045em;color:#f5f7ff
}
.portal-auth-card [data-auth-panel] h2+p{margin-top:0}
.portal-form{display:grid;gap:17px;margin-top:25px;min-width:0}
.portal-form label{
  display:grid;gap:9px;color:#d9e2f5;font-size:12px;font-weight:700;letter-spacing:.01em
}
.portal-form input,.portal-form textarea,.portal-form select,.portal-table select{
  width:100%;min-width:0;min-height:49px;padding:13px 14px;
  border:1px solid rgba(140,165,220,.22);border-radius:12px;
  background:rgba(4,9,18,.72);color:#f5f7ff;font:500 14px var(--font-body);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease
}
.portal-form input::placeholder,.portal-form textarea::placeholder{color:#62718d}
.portal-form input:hover,.portal-form textarea:hover{border-color:rgba(140,165,220,.4)}
.portal-form input:focus,.portal-form textarea:focus,.portal-form select:focus,.portal-table select:focus{
  outline:none;border-color:#8096ff;background:#080f20;box-shadow:0 0 0 4px rgba(106,128,255,.14)
}
.portal-form textarea{resize:vertical;min-height:120px;line-height:1.7}
.portal-form .button{width:100%;margin-top:3px;justify-content:center;font-size:13px}
.portal-form .button:disabled,.dashboard-live button:disabled{opacity:.55;cursor:wait;transform:none}
.portal-form .portal-muted{margin-top:-3px;font-size:11px;line-height:1.6}
.portal-auth-side{
  position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;
  background:radial-gradient(ellipse at 90% 10%,rgba(75,112,255,.18),transparent 45%),
    radial-gradient(ellipse at 0% 100%,rgba(53,194,209,.09),transparent 48%),
    linear-gradient(150deg,rgba(15,24,42,.94),rgba(8,13,23,.98))
}
.portal-auth-side:after{
  content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(107,143,255,.13);
  border-radius:50%;right:-125px;bottom:-130px;box-shadow:0 0 0 25px rgba(107,143,255,.025),0 0 0 55px rgba(107,143,255,.02);pointer-events:none
}
.portal-auth-side .pill{align-self:flex-start;margin-bottom:22px}
.portal-auth-side h2{font:700 clamp(25px,3vw,34px)/1.15 var(--font-head);letter-spacing:-.045em;margin:0 0 14px}
.portal-auth-side>p{font-size:13px;line-height:1.9;color:#a8b5cc;margin:0 0 17px}
.portal-auth-side .portal-muted{padding-top:16px;border-top:1px solid rgba(150,175,230,.13);font-size:11px}
.portal-auth-layout+.content-grid{display:none}
.portal-notice{
  margin:3px 0 0;padding:13px 15px;border:1px solid rgba(120,150,220,.2);
  border-radius:12px;background:rgba(11,20,36,.8);color:#dce7ff;font-size:12px;line-height:1.65;overflow-wrap:anywhere
}
.portal-notice.error{border-color:rgba(240,111,130,.4);background:rgba(72,20,34,.48);color:#ffd0d7}
.portal-notice.success{border-color:rgba(83,214,176,.38);background:rgba(13,48,43,.6);color:#b6f7df}
.page-main:has(.dashboard-layout)>.page-hero{padding-top:74px;padding-bottom:32px}
.page-main:has(.dashboard-layout) .page-hero h1{font-size:clamp(42px,5vw,64px);line-height:1.02;margin:18px 0 12px}
.page-main:has(.dashboard-layout) .page-hero>p:not(.portal-notice){max-width:620px;font-size:14px}
.page-main:has(.dashboard-layout) .page-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.page-main:has(.dashboard-layout) .page-actions .button{min-height:43px;font-size:12px}
.dashboard-layout{
  display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:22px;
  padding-bottom:105px
}
.dashboard-sidebar{
  position:sticky;top:94px;min-width:0;padding:22px;
  border:1px solid var(--portal-border);border-radius:18px;
  background:linear-gradient(155deg,rgba(17,26,45,.94),rgba(9,14,25,.96))
}
.dashboard-sidebar h3{font:700 15px var(--font-head);margin:0 0 17px;color:#eef2ff}
.dashboard-nav{display:grid;gap:6px}
.dashboard-nav a{
  display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid transparent;
  border-radius:10px;color:#9eacc5;font-size:12px;font-weight:600;transition:.18s ease
}
.dashboard-nav a:hover,.dashboard-nav a.active{
  color:#edf2ff;border-color:rgba(124,148,255,.18);
  background:linear-gradient(100deg,rgba(91,119,255,.17),rgba(91,119,255,.035))
}
.dashboard-sidebar>.portal-muted{margin-top:20px;padding-top:16px;border-top:1px solid rgba(150,175,230,.12);font-size:10px;line-height:1.8}
.dashboard-live{gap:18px;min-width:0}
.dashboard-live .dashboard-main-card,.dashboard-live .content-panel{
  min-width:0;padding:clamp(20px,3vw,30px);border:1px solid var(--portal-border);
  border-radius:19px;background:linear-gradient(145deg,rgba(17,26,45,.96),rgba(9,14,25,.97));
  box-shadow:0 15px 45px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.025)
}
.dashboard-live .dashboard-main-card{
  position:relative;overflow:hidden;
  background:radial-gradient(ellipse at 95% 0%,rgba(85,112,255,.19),transparent 45%),
  linear-gradient(145deg,rgba(19,30,54,.98),rgba(9,14,25,.98))
}
.dashboard-live .dashboard-main-card:after{
  content:"";position:absolute;right:-45px;top:-80px;width:210px;height:210px;border-radius:50%;
  border:1px solid rgba(113,143,255,.15);box-shadow:0 0 0 22px rgba(113,143,255,.025),0 0 0 48px rgba(113,143,255,.018);pointer-events:none
}
.dashboard-live .pill{position:relative;z-index:1;font-size:9px;letter-spacing:1.15px}
.dashboard-live .dashboard-main-card>h2{position:relative;z-index:1;font:700 clamp(27px,3.5vw,38px)/1.12 var(--font-head);letter-spacing:-.05em;margin:18px 0 10px;overflow-wrap:anywhere}
.dashboard-live .dashboard-main-card>p{position:relative;z-index:1;max-width:680px;font-size:13px;line-height:1.85;color:#a7b4cc}
.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:23px}
.dashboard-stat{
  display:grid;gap:8px;min-width:0;padding:15px;border:1px solid rgba(145,171,231,.14);
  border-radius:13px;background:rgba(5,10,19,.45)
}
.dashboard-stat span{color:#95a5c2;font-size:10px;line-height:1.5}
.dashboard-stat strong{color:#f1f5ff;font:700 20px var(--font-head);overflow-wrap:anywhere}
.dashboard-live .content-panel h2{font:700 22px/1.25 var(--font-head);letter-spacing:-.035em;margin:0 0 8px}
.dashboard-live .content-panel>p{font-size:12px;line-height:1.8;color:#a4b2ca}
.dashboard-live h3{font:700 15px var(--font-head);margin:25px 0 12px;color:#e9efff}
.dashboard-live .portal-form{margin-top:20px;gap:13px}
.dashboard-live .portal-form h3{margin:0 0 4px}
.dashboard-live .portal-list{gap:11px;margin-top:18px}
.portal-list-item{padding:17px;border:1px solid rgba(145,171,231,.14);border-radius:14px;background:rgba(5,10,19,.4)}
.portal-list-item strong{display:block;color:#eaf0ff;font-size:13px;line-height:1.6}
.portal-list-item p{margin:7px 0 0;font-size:11px;color:#97a7c1;line-height:1.7}
.portal-list-item .page-actions{display:flex;gap:7px;flex-wrap:wrap}
.portal-list-item .button{min-height:35px;padding:8px 11px;font-size:10px}
.portal-table-wrap{border:1px solid rgba(145,171,231,.14);border-radius:13px;background:rgba(5,10,19,.35);margin:14px 0 25px;max-width:100%}
.portal-table{border-collapse:collapse;width:100%;font-size:12px;min-width:620px}
.portal-table th,.portal-table td{text-align:left;padding:13px 12px;border-bottom:1px solid rgba(145,171,231,.12);vertical-align:middle}
.portal-table th{color:#8fa1c1;font-size:9px;letter-spacing:1px;text-transform:uppercase;background:rgba(255,255,255,.018)}
.portal-table tr:last-child td{border-bottom:0}
.portal-table td{color:#c2cde0}
.portal-table td:first-child{font-weight:700;color:#edf2ff}
.portal-table select{width:auto;min-width:100px;min-height:36px;padding:8px;font-size:11px;margin-right:6px}
.portal-table button{min-height:36px;padding:8px 12px;font-size:10px}
.dashboard-live>.portal-muted{padding:14px 3px;color:#7787a2;font-size:10px;line-height:1.7}
.dashboard-live .portal-notice{margin:0}
.dashboard-live .content-panel>.portal-list p{overflow-wrap:anywhere}
button,[type=button],[type=submit]{touch-action:manipulation}
@media(max-width:900px){
 .portal-auth-layout{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:14px}
 .dashboard-layout{grid-template-columns:1fr;gap:14px}
 .dashboard-sidebar{position:static;padding:16px}
 .dashboard-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dashboard-sidebar>.portal-muted{margin-top:12px}
}
@media(max-width:650px){
 .portal-auth-layout{grid-template-columns:1fr;margin-bottom:65px}
 .portal-auth-card,.portal-auth-side{padding:23px;border-radius:18px}
 .portal-auth-side{min-height:240px}
 .portal-mode-switch{margin-bottom:25px}
 .portal-form{gap:15px}
 .page-main:has(.dashboard-layout)>.page-hero{padding-top:48px;padding-bottom:25px}
 .dashboard-layout{padding-bottom:65px}
 .dashboard-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dashboard-live .dashboard-main-card,.dashboard-live .content-panel{padding:20px;border-radius:16px}
 .dashboard-stats{grid-template-columns:1fr;gap:8px}
 .dashboard-stat{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:12px 14px}
 .dashboard-stat strong{font-size:18px;text-align:right}
 .dashboard-live .dashboard-main-card>h2{font-size:29px}
 .dashboard-live .content-panel h2{font-size:20px}
 .portal-table{min-width:620px}
 .page-main:has(.dashboard-layout) .page-actions .button{flex:1;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
 .portal-mode-switch .button,.portal-form input,.portal-form textarea,.dashboard-nav a{transition:none}
}


/* Account pages: final layout details */
.auth-intro{padding-top:78px;padding-bottom:30px}
.auth-intro h1{font-size:clamp(43px,5.8vw,70px);line-height:1.02;margin:18px 0 15px}
.auth-intro>p{max-width:650px;font-size:14px;line-height:1.9}
.auth-panel-copy{font-size:12px;line-height:1.8;color:#9eacc4;margin:0}
.auth-switch-hint{margin:22px 0 0;padding-top:18px;border-top:1px solid rgba(150,175,230,.12);font-size:11px;color:#8f9fbb}
.auth-switch-hint button{border:0;background:none;padding:0;color:#aebeff;font:700 11px var(--font-body);cursor:pointer}
.auth-switch-hint button:hover{color:#fff;text-decoration:underline}
.field-hint{font-size:10px;font-weight:400;color:#8798b7;line-height:1.6}
.auth-side-mark{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 0 23px;border:1px solid rgba(117,146,255,.24);border-radius:20px;background:linear-gradient(140deg,rgba(97,124,255,.18),rgba(63,206,216,.08));box-shadow:0 14px 38px rgba(62,91,229,.1)}
.auth-side-mark .brand-mark{transform:scale(1.08)}
.auth-benefits{display:grid;gap:13px;list-style:none;padding:0;margin:8px 0 23px}
.auth-benefits li{display:flex;align-items:center;gap:10px;color:#d1dcef;font-size:12px}
.auth-benefits li span{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border:1px solid rgba(83,214,176,.25);border-radius:7px;background:rgba(83,214,176,.08);color:#78e9c6;font-size:11px}
.auth-back-link{width:min(1120px,calc(100% - 48px));margin:-45px auto 65px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#71819f;font-size:10px}
.auth-back-link a{color:#a9b9ff;font-size:11px;font-weight:700}
.auth-back-link span{color:#6f7e98}
.auth-footer{margin-top:0}
.dashboard-sidebar-brand{display:flex;align-items:center;gap:11px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid rgba(150,175,230,.13)}
.dashboard-sidebar-brand>div{display:grid;gap:4px;min-width:0}
.dashboard-sidebar-brand strong{font:700 13px var(--font-head);color:#eef2ff}
.dashboard-sidebar-brand>div>span{font-size:8px;letter-spacing:1.3px;color:#7f91b0}
.dashboard-sidebar .dashboard-nav a{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px}
.dashboard-sidebar .dashboard-nav a>span:first-child{font-size:14px;text-align:center;color:#8ea4ff}
.dashboard-sidebar .dashboard-nav a>span:last-child{font-size:9px;color:#7182a0}
.dashboard-sidebar-note{display:flex;align-items:flex-start;gap:9px;margin-top:24px;padding:13px 11px;border:1px solid rgba(83,214,176,.15);border-radius:12px;background:rgba(16,63,55,.12)}
.dashboard-sidebar-note .status-dot{margin-top:5px;flex:0 0 6px}
.dashboard-sidebar-note p{margin:0;font-size:10px;line-height:1.7;color:#8fa9ad}
.signout-button{border-color:rgba(231,135,149,.2)!important;color:#e6b5be!important}
.signout-button:hover{border-color:rgba(231,135,149,.4)!important;background:rgba(122,40,55,.14)!important;color:#ffe0e5!important}
.dashboard-footer-note{display:flex;align-items:center;gap:13px;margin-top:-60px;margin-bottom:80px;padding:16px 18px;border:1px solid rgba(145,171,231,.12);border-radius:14px;background:rgba(11,17,29,.58)}
.dashboard-footer-note .security-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid rgba(83,214,176,.2);border-radius:10px;background:rgba(83,214,176,.08);color:#77e7c5}
.dashboard-footer-note p{flex:1;margin:0;color:#8192af;font-size:10px;line-height:1.7}
.dashboard-footer-note p strong{display:block;color:#c9d5ea;font-size:11px}
.dashboard-footer-note>a{color:#a9b9ff;font-size:10px;font-weight:700;white-space:nowrap}
.dashboard-loading .loading-track{height:4px;margin-top:24px;overflow:hidden;border-radius:99px;background:rgba(140,165,220,.12)}
.dashboard-loading .loading-track span{display:block;width:35%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--portal-blue),var(--portal-cyan));animation:portal-load 1.4s ease-in-out infinite alternate}
@keyframes portal-load{from{transform:translateX(-5%)}to{transform:translateX(205%)}}
@media(max-width:650px){
 .auth-intro{padding-top:50px;padding-bottom:22px}
 .auth-intro h1{font-size:clamp(42px,11vw,60px)}
 .auth-back-link{width:calc(100% - 34px);margin:-30px auto 45px;align-items:flex-start;flex-direction:column}
 .dashboard-sidebar-brand{padding-bottom:14px;margin-bottom:14px}
 .dashboard-sidebar-note{margin-top:15px}
 .dashboard-footer-note{margin-top:-35px;margin-bottom:55px;align-items:flex-start;flex-wrap:wrap}
 .dashboard-footer-note p{min-width:calc(100% - 55px)}
 .dashboard-footer-note>a{margin-left:45px}
}
@media(prefers-reduced-motion:reduce){.dashboard-loading .loading-track span{animation:none;width:60%}}


/* v1.2.0 finishing touches */
.dashboard-live{display:grid;align-content:start}
.portal-table-wrap{overflow-x:auto;overscroll-behavior-inline:contain}
.portal-form label>input,.portal-form label>textarea,.portal-form label>select{margin-top:1px}
.portal-form label:focus-within{color:#edf2ff}
.portal-form input:invalid:not(:placeholder-shown),.portal-form textarea:invalid:not(:placeholder-shown){border-color:rgba(240,111,130,.5)}
.portal-form input:valid:not(:placeholder-shown){border-color:rgba(83,214,176,.28)}
.portal-auth-card .auth-switch-hint{line-height:1.9}
.dashboard-live .content-panel .portal-list:empty{display:none}
.dashboard-live .portal-list-item .page-actions{margin-top:12px}
.dashboard-live .portal-list-item .page-actions .button{flex:0 0 auto}
@media(max-width:650px){
  .dashboard-live{gap:12px}
  .portal-table-wrap{margin-inline:-2px}
  .portal-form input,.portal-form textarea,.portal-form select{font-size:16px}
}


/* OKG Manager private-access promotion */
.manager-promo{padding:0 0 110px}
.manager-promo-panel{position:relative;display:flex;align-items:center;min-height:315px;overflow:hidden;padding:48px 55px;border:1px solid rgba(92,132,255,.3);border-radius:18px;background:radial-gradient(ellipse at 100% 0%,rgba(65,103,231,.2),transparent 44%),linear-gradient(115deg,#111a2c,#0a111d 75%)}
.manager-promo-copy{position:relative;z-index:2;max-width:700px}
.manager-promo-copy h2{max-width:690px;margin:18px 0 12px;font:600 clamp(30px,4.2vw,48px)/1.13 var(--font-head);letter-spacing:-2px}
.manager-promo-copy p{max-width:660px;margin:0;color:#9eacc2;font-size:13px;line-height:1.9}
.manager-promo-copy .button{margin-top:22px}
.manager-promo-orbit{position:absolute;right:65px;top:50%;width:210px;height:210px;transform:translateY(-50%);display:grid;place-items:center;border:1px solid rgba(102,139,255,.22);border-radius:50%;box-shadow:0 0 70px rgba(74,102,237,.12),inset 0 0 45px rgba(74,102,237,.06)}
.manager-promo-orbit:before,.manager-promo-orbit:after{content:"";position:absolute;border:1px solid rgba(77,226,238,.22);border-radius:50%;transform:rotate(35deg)}
.manager-promo-orbit:before{width:155px;height:245px}
.manager-promo-orbit:after{width:245px;height:155px;border-color:rgba(161,124,255,.28);transform:rotate(-35deg)}
.manager-promo-orbit>span{font:700 26px var(--font-head);letter-spacing:5px;color:#dce5ff;text-shadow:0 0 30px #6c87ff50}
.manager-page-hero{padding-bottom:35px}
.manager-page-hero>p{max-width:760px}
.manager-access-note{display:flex;align-items:flex-start;gap:13px;max-width:680px;margin-top:30px;padding:16px 18px;border:1px solid rgba(83,214,176,.18);border-radius:12px;background:rgba(25,100,80,.08)}
.manager-access-note>span{color:#70e6c0;font-size:19px}
.manager-access-note strong{display:block;color:#dcefe9;font-size:12px}
.manager-access-note p{margin:3px 0 0;font-size:11px;line-height:1.8;color:#91aaa7}
.manager-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:15px 0 90px}
.manager-feature{margin:0;min-width:0}
.manager-feature-icon{display:grid;place-items:center;width:47px;height:47px;margin-bottom:18px;border:1px solid rgba(117,146,255,.22);border-radius:13px;background:linear-gradient(140deg,rgba(97,124,255,.15),rgba(63,206,216,.06));font-size:23px}
.manager-feature h2{margin:9px 0 8px;font:600 20px/1.3 var(--font-head);letter-spacing:-.5px}
.manager-feature p{margin:0}
.manager-next-step{padding-bottom:80px}
.manager-next-step .join-panel{min-height:360px}
.manager-next-step .join-content{max-width:620px}
.manager-next-step .join-content p{max-width:540px}
.manager-small-print{margin-top:17px!important;font-size:10px!important;color:#7787a2!important}
@media(max-width:850px){.manager-promo-orbit{right:25px;opacity:.35}.manager-promo-copy{max-width:650px}.manager-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.manager-promo{padding-bottom:75px}.manager-promo-panel{padding:30px 23px;min-height:0}.manager-promo-orbit{right:-65px;opacity:.2}.manager-promo-copy h2{font-size:32px;letter-spacing:-1.2px}.manager-promo-copy p{font-size:12px}.manager-feature-grid{grid-template-columns:1fr;padding-bottom:60px}.manager-page-hero{padding-top:50px}.manager-next-step{padding-bottom:55px}.manager-next-step .join-panel{padding:30px 22px}.manager-next-step .join-decoration{opacity:.18}.manager-next-step .page-actions .button{width:100%;justify-content:space-between}}

/* Website version marker */
.site-version{display:inline-flex;align-items:center;gap:6px;margin-right:18px;padding:4px 8px;border:1px solid rgba(111,143,255,.28);border-radius:6px;color:#9aa9cf;font-size:10px;font-weight:700;letter-spacing:1px;white-space:nowrap}