/* 126: shared landing, authentication and user portal design. */
:root{--brand:#0057ff;--brand-deep:#141413;--brand-light:#ffd60a;--ink:#141413;--muted:#6b6a62;--paper:#faf9f5;--line:#e8e6dc;--radius:20px;--font:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0057ff;outline-offset:5px}::selection{background:#fff1a3;color:#141413}
html[data-surface=home] #app,html[data-surface=home] #portal-chrome{display:none}html:not([data-surface=home]) #site-home{display:none}html[data-surface=home] body{height:auto;overflow:visible}.home-container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:-70px;left:20px;padding:12px 20px;background:#fff;z-index:10000}.skip-link:focus{top:12px}
.home-header{height:94px;max-width:1360px;margin:auto;padding:0 50px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e6ebe3}.home-brand,.portal-brand{display:inline-flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.8px;font-size:22px;text-decoration:none;white-space:nowrap}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:11px;background:var(--brand-deep);color:#ffffff;font-size:28px;line-height:1;font-weight:600}.home-nav{display:flex;gap:34px;font-size:14px;color:#5f716a}.home-nav a,.home-footer a{text-decoration:none}.home-nav a:hover,.home-footer nav a:hover{color:var(--brand)}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;min-height:54px;padding:0 27px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-size:15px;font-weight:650;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #14141318}.button span{font-size:21px;font-weight:400}.button-small{min-height:41px;padding-inline:20px;gap:24px;font-size:13px}.button-dark,.button-primary{background:var(--brand-deep);color:#fff}.button-primary:hover,.button-dark:hover{background:#2a2a28}.button-lime{background:#ffd60a;color:#141413}.text-link{display:inline-flex;align-items:center;gap:15px;text-decoration:none;font-size:14px;color:#0057ff}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.home-hero{min-height:650px;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:30px;padding-block:66px 74px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;line-height:1.6;color:#0891b2;margin:0 0 23px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#0057ff;margin-right:8px;vertical-align:middle}.hero-copy h1{font-size:clamp(38px,4.6vw,62px);line-height:1.35;letter-spacing:-2.5px;font-weight:720;margin:0 0 24px}.hero-highlight{color:var(--brand);position:relative;white-space:nowrap}.hero-highlight:after{content:"";position:absolute;bottom:1px;left:1px;width:100%;height:9px;background:#ffd60a;z-index:-1;transform:rotate(-1deg)}.hero-description{font-size:16px;line-height:1.95;color:#6b6a62;margin:0 0 33px}.hero-actions{display:flex;align-items:center;gap:26px}.hero-platforms{display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin-top:48px;font-size:11px;font-weight:550;color:#7b8780}.platform-label{flex-basis:100%;font-size:10px;font-weight:400;color:#8b968f;letter-spacing:1px}.connection-art{height:475px;position:relative;border-radius:50%;isolation:isolate;background:radial-gradient(ellipse,#edf4df 0%,#faf9f500 69%)}.art-grid{position:absolute;inset:0;border-radius:50%;background-image:linear-gradient(#b7ccb424 1px,transparent 1px),linear-gradient(90deg,#b7ccb424 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}.connection-globe{position:absolute;width:115%;max-width:none;left:-7%;top:0;height:100%;overflow:visible}.art-caption{position:absolute;top:14px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:1.9px;color:#6b8672}.art-note{position:absolute;display:flex;gap:12px;align-items:center;background:#ffffffed;padding:15px 18px;border:1px solid #e1e9db;border-radius:13px;box-shadow:0 14px 40px #234d3310;font-size:12px}.note-top{right:-8px;top:95px;transform:rotate(3deg)}.note-bottom{bottom:53px;left:-4px;transform:rotate(-3deg)}.note-icon{display:flex;width:35px;height:35px;border-radius:10px;align-items:center;justify-content:center;background:var(--brand-deep);color:#ffffff;font-size:21px}.note-icon-light{background:#eff4e5;color:#42674e}.art-note strong{display:block;font-weight:650;margin-bottom:4px}.art-note div>span{font-size:10px;color:#85917f}.note-check{margin-left:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e7f2d6;width:22px;height:22px;color:#478256}.art-disclaimer{position:absolute;bottom:8px;right:6px;color:#98a68f;font-size:9px;letter-spacing:1px}
.experience-section{padding:64px 0 72px;background:#f0efe8;border-block:1px solid #e8e6dc}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:30px;font-weight:650;line-height:1.5;letter-spacing:-.9px;margin:0}.section-heading>p{font-size:13px;line-height:1.9;color:#7a897e;margin:0 0 4px}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.experience-card{background:#ffffff;border:1px solid #e8e6dc;padding:29px 27px;border-radius:14px;transition:transform .2s,border-color .2s}.experience-card:hover{transform:translateY(-3px);border-color:#b3caff}.feature-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#ffd60a;color:#141413;font-size:23px;margin-bottom:32px}.feature-number{display:block;color:#8f9d8c;font-size:9px;letter-spacing:1px;margin-bottom:12px}.experience-card h3{font-size:20px;margin:0 0 13px;font-weight:650;letter-spacing:-.4px}.experience-card p{font-size:13px;line-height:1.95;color:#6b6a62;margin:0 0 25px}.experience-card a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:12px;color:#0057ff}.experience-card a span{font-size:20px}.getting-started{padding-block:95px;display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.steps-intro .eyebrow{margin-bottom:16px}.steps-intro h2{font-size:36px;line-height:1.45;margin-bottom:24px}.steps-list{list-style:none;padding:0;margin:0}.steps-list li{display:flex;align-items:center;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.steps-list li:first-child{padding-top:8px}.step-number{font-size:14px;letter-spacing:1px;color:#97a48e;align-self:flex-start;margin-top:4px}.steps-list h3{font-size:17px;font-weight:600;margin:0 0 8px}.steps-list p{font-size:13px;line-height:1.8;color:#6b6a62;margin:0}.steps-list li>span:last-child{margin-left:auto;font-size:21px;color:#6a8467}.faq-section{padding-block:64px 80px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.faq-section .eyebrow{margin-bottom:16px}.faq-section h2{font-size:32px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:22px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;color:#7e9580}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:0;padding:0 28px 24px 0;font-size:13px;line-height:1.95;color:#6b6a62}.closing-banner{background:var(--brand-deep);color:#fff;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:44px 46px;position:relative;overflow:hidden}.closing-banner:after{content:"";width:230px;height:230px;border:1px solid #93b49c20;border-radius:50%;position:absolute;left:47%;top:-90px;pointer-events:none}.closing-banner .eyebrow{color:#aec4ad;font-size:9px;margin-bottom:10px}.closing-banner h2{font-size:28px;letter-spacing:-.8px}.closing-banner .button{flex-shrink:0}.home-footer{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding-block:40px 30px}.home-footer .home-brand{font-size:16px;gap:8px}.home-footer .brand-mark{width:28px;height:28px;border-radius:8px;font-size:20px}.home-footer p{font-size:11px;color:#8c968c}.home-footer nav{margin-left:auto;display:flex;gap:22px;font-size:12px;color:#74806f}.home-footer small{flex-basis:100%;padding-top:18px;border-top:1px solid #e8e6dc;color:#98a190;font-size:10px}.noscript-note{text-align:center;padding:20px;font-size:14px}
/* Shared chrome and Naive UI overrides. The compiled application stays unchanged. */
html:not([data-surface=home]),html:not([data-surface=home]) body{height:100%;overflow:hidden}#portal-chrome{height:48px;padding:0 25px;display:flex;align-items:center;gap:18px;background:#faf9f5;border-bottom:1px solid #e2e9df;position:relative;z-index:10}.portal-brand{font-size:14px;gap:8px;letter-spacing:0}.portal-brand .brand-mark{width:25px;height:25px;border-radius:7px;font-size:20px}.portal-chrome-label{font-size:10px;letter-spacing:2px;color:#84917f;border-left:1px solid #dce5d8;padding-left:18px}.portal-back{margin-left:auto;font-size:11px;text-decoration:none;color:#668169}.portal-back span{margin-left:9px}.portal-back:hover{color:#174c43}#app{height:calc(100% - 48px)!important;font-family:var(--font);--primary-color:#0057ff}#app .n-config-provider{height:100%;font-family:var(--font);--primary-color:#0057ff}#app .n-button{border-radius:9px!important;font-weight:550;transition:background-color .2s,box-shadow .2s}#app .n-button--primary-type{--n-color:#0057ff!important;--n-color-hover:#0040cc!important;--n-color-pressed:#0034a6!important;--n-border:1px solid #0057ff!important;--n-border-hover:1px solid #0040cc!important;--n-border-pressed:1px solid #0034a6!important;--n-ripple-color:#0057ff!important;--n-text-color:#fff!important;--n-text-color-hover:#fff!important}#app .n-button--primary-type.n-button--text-type,#app .n-button--primary-type.n-button--ghost{--n-text-color:#0057ff!important;--n-text-color-hover:#0040cc!important;--n-color:transparent!important}#app .n-input,#app .n-base-selection{border-radius:9px!important;--n-border-hover:1px solid #6e9fff!important;--n-border-focus:1px solid #0057ff!important;--n-box-shadow-focus:0 0 0 3px #0057ff15!important}#app .n-input-wrapper{padding-inline:14px}#app .n-input__input-el{min-height:40px}#app .n-card{border-radius:16px!important;--n-border-color:#e2e9df!important;box-shadow:0 3px 14px #244a3210}#app .n-card-header{font-weight:650}#app .n-card-header__main{letter-spacing:-.35px}#app .n-tag{border-radius:6px!important}#app .n-data-table{--n-th-color:#f0efe8!important;--n-td-color:#fff!important;--n-border-color:#e8e6dc!important;--n-border-radius:12px!important}#app .n-data-table-th{font-weight:600}#app .n-tabs{--n-bar-color:#0057ff!important;--n-tab-text-color-active:#0057ff!important}#app .n-tabs-tab--active{font-weight:650}#app .n-pagination-item--active{--n-item-text-color-active:#0057ff!important;--n-item-border-active:1px solid #0057ff!important}#app .n-layout{background:#f6f5ef}#app .n-layout-sider{background:#fff!important;--n-border-color:#e8e6dc!important}#app .n-layout-sider>.n-layout-scroll-container{padding:12px 8px!important}#app .n-layout-header{background:#fff!important;--n-border-color:#e8e6dc!important;border-bottom:1px solid #e8e6dc;box-shadow:0 2px 10px #244a3205}#app .n-menu{--n-item-color-active:#edf2ff!important;--n-item-color-active-hover:#e3ecff!important;--n-item-text-color-active:#0057ff!important;--n-item-text-color-active-hover:#0057ff!important;--n-item-icon-color-active:#0057ff!important;--n-item-color-hover:#f3f6ff!important}#app .n-menu-item-content{border-radius:9px!important}#app .n-menu-item-content:before{border-radius:9px!important}#app .n-menu-item-content--selected:before{border-left:none!important}#app .n-menu-item-content--selected{font-weight:650}#app .n-menu-item-group-title{font-size:10px;letter-spacing:2px;color:#97a38f;margin-top:15px}#app .n-list{--n-border-color:#e8e6dc!important;border-radius:14px;overflow:hidden}#app .n-list-item{padding-block:21px}#app .n-list-item:hover{background:#faf9f5}#app .n-statistic-value__content{font-variant-numeric:tabular-nums;letter-spacing:-.8px}#app .n-progress{--n-fill-color:#2a8063!important}#app .card-item{transition:transform .2s,box-shadow .2s}#app .card-item:hover{transform:translateY(-3px);box-shadow:0 12px 32px #244a3214}#app a{color:#0057ff}
/* Login, registration and password reset share the same clean frame. */
html[data-surface=auth] #app{background:radial-gradient(ellipse at 14% 24%,#dbe9cc88,transparent 43%),radial-gradient(ellipse at 86% 80%,#dcebdc77,transparent 45%),#f4f7ef}html[data-surface=auth] #app .n-config-provider>div{background-image:none!important;background-color:transparent!important}html[data-surface=auth] #app .n-card{max-width:460px!important;border:1px solid #dfe8d6;box-shadow:0 20px 65px #31533112;border-radius:20px!important;background:#fff!important}html[data-surface=auth] #app .n-input{--n-height:46px!important;background:#fafcf7}html[data-surface=auth] #app .text-4xl{font-size:29px!important;font-weight:700!important;letter-spacing:-1px;color:#141413!important}html[data-surface=auth] #app .text-muted{color:#8a9782!important;font-size:12px!important;margin-top:8px}html[data-surface=auth] #app .p-6{padding:32px!important}html[data-surface=auth] #app .n-button--primary-type{min-height:45px}html[data-surface=auth] #app .bg-\[--n-color-embedded\]{background:#faf9f5!important;border-radius:0 0 20px 20px;font-size:12px}#portal-load-error{padding:40px;max-width:560px;margin:50px auto;line-height:1.8}#portal-load-error button{background:var(--brand);color:#fff;border:0;padding:10px 20px;border-radius:8px;margin-right:15px;cursor:pointer}
/* Respect the existing in-app dark-mode preference. */
html.dark:not([data-surface=home]) body,html.dark #app .n-layout{background:#191a1e;color:#e2ebe0}html.dark #portal-chrome{background:#13211f;border-color:#2f4037;color:#e3eadb}html.dark #app .n-layout-sider,html.dark #app .n-layout-header{background:#1d2d28!important;border-color:#34473c}html.dark #app .n-card{background:#21332c!important;--n-border-color:#35493a!important}html.dark #app .n-list-item:hover{background:#2b4033}html.dark #app .n-menu{--n-item-color-active:#304b38!important;--n-item-color-hover:#273e30!important;--n-item-text-color-active:#cce0b6!important;--n-item-icon-color-active:#cce0b6!important}html.dark #app .n-data-table{--n-th-color:#273c30!important;--n-td-color:#21332c!important;--n-border-color:#35493a!important}html.dark[data-surface=auth] #app{background:#16251e}html.dark[data-surface=auth] #app .n-input{background:#1b2b22}html.dark[data-surface=auth] #app .text-4xl{color:#e4ecd9!important}html.dark[data-surface=auth] #app .bg-\[--n-color-embedded\]{background:#1a2b20!important}html.dark #app a{color:#b1d499}
@media(min-width:1500px){.home-hero{min-height:700px}.hero-copy h1{font-size:65px}.connection-art{height:510px}}@media(max-width:1000px){.home-container{width:calc(100% - 56px)}.home-header{padding-inline:28px}.home-nav{gap:20px}.home-hero{min-height:590px;gap:8px}.hero-copy h1{font-size:44px}.connection-art{height:380px}.art-note{padding:12px;gap:9px}.note-top{right:-6px;top:78px}.note-bottom{left:0;bottom:35px}.note-check{display:none}.hero-actions{gap:16px}.hero-platforms{gap:12px}.experience-card{padding:24px 20px}.getting-started,.faq-section{gap:40px}.closing-banner{padding:35px 30px}.closing-banner h2{font-size:24px}}
@media(max-width:720px){html{scroll-padding-top:24px}.home-container{width:calc(100% - 40px)}.home-header{height:76px;padding-inline:20px}.home-brand{font-size:18px;letter-spacing:-.5px}.brand-mark{width:32px;height:32px;border-radius:9px;font-size:24px}.home-nav{display:none}.button-small{padding:0 16px;gap:16px;min-height:38px}.home-hero{grid-template-columns:1fr;gap:18px;padding-block:48px 32px;min-height:0}.hero-copy h1{font-size:clamp(36px,8.5vw,50px);line-height:1.4;letter-spacing:-1.8px}.hero-copy .eyebrow{font-size:9px;margin-bottom:19px}.hero-description{font-size:14px;margin-bottom:25px}.hero-actions{gap:20px;flex-wrap:wrap}.button{min-height:49px;padding-inline:23px;font-size:14px}.button-small{min-height:38px;padding-inline:16px;font-size:12px}.hero-actions .text-link{font-size:12px}.hero-platforms{margin-top:30px;gap:18px}.platform-label{flex-basis:100%;margin-bottom:-8px}.connection-art{height:365px;max-width:430px;width:100%;margin:4px auto 0}.connection-globe{width:108%;left:-4%}.art-caption{top:6px;font-size:8px}.note-top{top:67px;right:0}.note-bottom{bottom:37px;left:1px}.art-note{padding:10px 12px;font-size:11px}.note-icon{height:29px;width:29px;border-radius:8px;font-size:18px}.art-note div>span{font-size:9px}.experience-section{padding:44px 0}.section-heading{display:block;margin-bottom:26px}.section-heading>p{margin-top:15px;font-size:12px}.section-heading>p br{display:none}h2{font-size:24px;letter-spacing:-.7px}.experience-grid{grid-template-columns:1fr;gap:12px}.experience-card{padding:24px;position:relative}.feature-icon{margin-bottom:22px;width:38px;height:38px;font-size:20px}.feature-number{position:absolute;right:24px;top:39px;font-size:8px}.experience-card h3{font-size:19px}.experience-card p{font-size:13px;margin-bottom:19px;max-width:360px}.getting-started{padding-block:55px;grid-template-columns:1fr;gap:30px}.steps-intro h2{font-size:29px;margin-bottom:18px}.steps-intro h2 br,.faq-section h2 br{display:none}.eyebrow{font-size:9px;margin-bottom:14px}.steps-list li{gap:18px;padding:22px 0}.steps-list h3{font-size:16px}.steps-list p{font-size:12px}.faq-section{padding-block:40px 50px;grid-template-columns:1fr;gap:14px}.faq-section h2{font-size:27px}.faq-list summary{font-size:13px;padding-block:20px}.closing-banner{flex-direction:column;align-items:flex-start;gap:23px;padding:29px 24px;border-radius:14px}.closing-banner h2{font-size:24px}.closing-banner .eyebrow{font-size:8px;letter-spacing:1px}.closing-banner .button{width:100%;justify-content:space-between}.home-footer{padding-block:29px 24px;gap:15px}.home-footer p{margin-left:auto;font-size:10px}.home-footer nav{flex-basis:100%;margin:8px 0 0;gap:26px;font-size:12px}.home-footer small{padding-top:18px;margin-top:4px}.home-footer .home-brand{font-size:15px}#portal-chrome{height:43px;padding:0 14px;gap:12px}.portal-chrome-label{display:none}.portal-back{font-size:11px}.portal-brand{font-size:12px}#app{height:calc(100% - 43px)!important}#app .n-card{border-radius:12px!important}#app .n-card-header{padding:18px 19px!important}#app .n-card__content{padding-inline:19px!important}html[data-surface=auth] #app .p-6{padding:25px!important}html[data-surface=auth] #app .n-card{width:calc(100vw - 32px)!important;margin-inline:auto}html[data-surface=auth] #app .text-4xl{font-size:26px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Warm white, electric blue and yellow, aligned with the 126game.site brand. */
.brand-mark svg{width:76%;height:76%}.brand-mark{background:#0057ff;color:#fff;box-shadow:0 8px 20px #0057ff24}.home-brand,.portal-brand{color:#141413}.button-primary,.button-dark,.button-lime{background:#ffd60a;color:#141413;border-color:#ffd60a;font-weight:750}.button-primary:hover,.button-dark:hover,.button-lime:hover{background:#e8bc00;color:#141413}.hero-highlight{color:#0057ff}.hero-highlight:after{display:none}.home-hero{gap:54px;grid-template-columns:1.1fr .9fr}.hero-copy h1{font-size:clamp(35px,4.1vw,56px);letter-spacing:-2px}.hero-description{font-size:15px;max-width:560px}.home-header{border-color:#e8e6dc}.home-nav{color:#6b6a62}.hero-platforms,.platform-label{color:#7e7b70}.eyebrow{color:#0891b2}.connection-art{background:radial-gradient(circle at 80% 20%,#ffd60a26,transparent 38%),linear-gradient(145deg,#141413,#2a2a28 70%,#4a4942);border-radius:18px;box-shadow:0 20px 60px #14141315;height:465px}.art-grid{border-radius:18px;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);mask-image:none;inset:0}.art-caption{top:24px;color:#ffd60a;letter-spacing:2px;font-size:10px}.art-caption .status-dot{background:#ffd60a}.connection-globe{height:92%;top:28px;left:0;width:100%}.art-note{background:#fff;border-color:#e8e6dc;color:#141413}.art-note div>span{color:#6b6a62}.note-top{right:-15px;top:85px}.note-bottom{bottom:22px;left:-25px}.note-icon{background:#0057ff;color:#fff}.note-icon-light,.note-check{background:#ffd60a;color:#141413}.art-disclaimer{color:#c1bba6;right:18px;bottom:9px;font-size:8px}.experience-card .feature-number{color:#7f7c70}.experience-card a{color:#0057ff}.section-heading>p{color:#6b6a62}.steps-list li>span:last-child{color:#0057ff}.step-number{color:#0891b2}.faq-list summary span{color:#0057ff}.closing-banner{background:radial-gradient(circle at 60% 0,#ffd60a1c,transparent 45%),#141413}.closing-banner .eyebrow{color:#ffd60a}.closing-banner h2{font-size:26px}.home-footer p,.home-footer nav{color:#6b6a62}.home-footer p{max-width:380px}.home-footer small{color:#8b887c;border-color:#e8e6dc}#app .n-button--primary-type{--n-color:#ffd60a!important;--n-color-hover:#e8bc00!important;--n-color-pressed:#c5a000!important;--n-border:1px solid #ffd60a!important;--n-border-hover:1px solid #e8bc00!important;--n-border-pressed:1px solid #c5a000!important;--n-text-color:#141413!important;--n-text-color-hover:#141413!important;--n-text-color-pressed:#141413!important;--n-ripple-color:#ffd60a!important}#app .n-button--primary-type.n-button--text-type,#app .n-button--primary-type.n-button--ghost{--n-text-color:#0057ff!important;--n-text-color-hover:#0040cc!important;--n-color:transparent!important;--n-border:1px solid #0057ff!important}#portal-chrome{background:#faf9f5;border-color:#e8e6dc}.portal-back{color:#0057ff}.portal-chrome-label{border-color:#d5d3c7;color:#6b6a62}#portal-stage{height:calc(100% - 48px)}#portal-content{height:100%;min-width:0}#app{height:100%!important}#auth-story,#auth-account-heading{display:none}
html[data-surface=auth]{overflow:auto;background:#faf9f5}html[data-surface=auth] body{height:auto;min-height:100%;overflow:auto;background:radial-gradient(circle at 18% 12%,#ffd60a22,transparent 34%),linear-gradient(90deg,#d5d3c72e 1px,transparent 1px),linear-gradient(#d5d3c72e 1px,transparent 1px),#faf9f5;background-size:auto,36px 36px,36px 36px,auto}html[data-surface=auth] #portal-chrome{height:82px;max-width:1120px;padding:0;margin:0 auto;background:transparent;border:0}html[data-surface=auth] .portal-brand{font-size:19px}html[data-surface=auth] .portal-brand .brand-mark{width:36px;height:36px;border-radius:10px}html[data-surface=auth] .portal-chrome-label{display:none}html[data-surface=auth] #portal-stage{display:grid;grid-template-columns:1.08fr 1fr;width:min(1120px,calc(100% - 64px));height:auto;min-height:620px;margin:20px auto 60px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #d5d3c7,0 18px 60px #14141312}html[data-surface=auth] #auth-story{display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-height:620px;padding:44px;color:#faf9f5;background:radial-gradient(circle at 75% 25%,#ffd60a26,transparent 38%),linear-gradient(135deg,#141413,#2a2a28 65%,#4a4942)}#auth-story .eyebrow{color:#ffd60a;margin:0}#auth-story h2{font-size:58px;line-height:1.17;font-weight:720;letter-spacing:-2px;margin:0 0 24px}#auth-story .auth-story-copy{color:#d5d3c7;font-size:14px;line-height:1.9;margin:0}.auth-network{height:164px;border:1px solid #ffffff1c;background:#ffffff06;border-radius:12px;position:relative}.auth-network svg{width:100%;height:100%}.auth-network span{position:absolute;bottom:12px;left:15px;font-size:8px;letter-spacing:2px;color:#b0aea5}html[data-surface=auth] #portal-content{padding:50px 44px;display:flex;flex-direction:column;justify-content:center;height:auto}html[data-surface=auth] #auth-account-heading{display:block;margin-bottom:10px}#auth-account-heading .eyebrow{margin-bottom:14px;font-size:10px}#auth-account-heading h1{font-size:36px;line-height:1.25;font-weight:720;letter-spacing:-1px;margin:0 0 12px;color:#141413}#auth-account-heading>p:last-child{font-size:13px;line-height:1.7;color:#6b6a62;margin:0}html[data-surface=auth] #app{height:auto!important;background:transparent!important}html[data-surface=auth] #app .n-config-provider{height:auto}html[data-surface=auth] #app .n-card{width:100%!important;max-width:none!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;margin:0!important}html[data-surface=auth] #app .p-6{padding:0!important}html[data-surface=auth] #app .text-4xl,html[data-surface=auth] #app .text-muted,html[data-surface=auth] #app .text-center:has(img){display:none!important}html[data-surface=auth] #app .n-input{background:#fff;--n-height:46px!important}html[data-surface=auth] #app .bg-\[--n-color-embedded\]{background:transparent!important;padding:22px 0 0!important;border-radius:0!important}html[data-surface=auth] #app .n-button--primary-type{font-weight:750;box-shadow:0 10px 22px #ffd60a25}html[data-surface=auth] #app a{font-weight:650;color:#0057ff}
html.dark:not([data-surface=home]) #app .n-layout{background:#191a1e}html.dark #app .n-layout-sider,html.dark #app .n-layout-header{background:#22242a!important}html.dark #app .n-card{background:#272a32!important;--n-border-color:#3c404a!important}html.dark #app .n-menu{--n-item-color-active:#253354!important;--n-item-color-hover:#282e3e!important;--n-item-text-color-active:#adc8ff!important;--n-item-icon-color-active:#adc8ff!important}html.dark #app .n-data-table{--n-th-color:#2b2f3a!important;--n-td-color:#272a32!important;--n-border-color:#3c404a!important}html.dark #app a{color:#a8c5ff}html.dark[data-surface=auth] #portal-stage{background:#fff}html.dark[data-surface=auth] #app .n-card{background:#fff!important}html.dark[data-surface=auth] #app .n-input{background:#fff;color:#141413;--n-text-color:#141413!important;--n-placeholder-color:#99978e!important}html.dark[data-surface=auth] #app .bg-\[--n-color-embedded\]{background:transparent!important}html.dark[data-surface=auth] #app a{color:#0057ff}
@media(max-width:1200px){html[data-surface=auth] #portal-chrome{width:calc(100% - 64px)}.hero-copy h1{font-size:46px}.home-hero{gap:35px}.connection-art{height:420px}#auth-story h2{font-size:50px}}
@media(max-width:900px){html[data-surface=auth] #portal-stage{grid-template-columns:.9fr 1fr}html[data-surface=auth] #auth-story{padding:34px;min-height:570px}html[data-surface=auth] #portal-content{padding:36px 30px}#auth-story h2{font-size:43px}.home-hero{gap:20px}.hero-copy h1{font-size:38px}.hero-description{font-size:13px}.connection-art{height:370px}.note-top{right:-8px;top:70px}.note-bottom{left:-14px;bottom:24px}.hero-platforms{gap:12px}}
@media(max-width:720px){.home-hero{grid-template-columns:1fr;gap:32px;padding-top:40px}.hero-copy h1{font-size:clamp(32px,8.2vw,47px);letter-spacing:-1.3px}.hero-description{font-size:14px}.connection-art{height:370px;max-width:460px;margin-bottom:10px}.note-top{right:-3px;top:70px}.note-bottom{left:-4px;bottom:23px}.closing-banner h2{font-size:23px}.home-footer p{flex-basis:100%;margin:0}.home-footer nav{margin-top:0}#portal-stage{height:calc(100% - 43px)}html[data-surface=auth] #portal-chrome{width:calc(100% - 40px);height:72px}html[data-surface=auth] .portal-brand{font-size:16px}html[data-surface=auth] #portal-stage{width:calc(100% - 32px);grid-template-columns:1fr;min-height:0;margin:12px auto 30px}html[data-surface=auth] #auth-story{min-height:0;padding:25px 27px;gap:20px}#auth-story h2{font-size:31px;line-height:1.25;margin-bottom:12px;letter-spacing:-1px}#auth-story h2 br{display:none}#auth-story .auth-story-copy{font-size:12px}#auth-story .auth-story-copy br{display:none}.auth-network{display:none}html[data-surface=auth] #portal-content{padding:31px 27px 29px}#auth-account-heading h1{font-size:28px}html[data-surface=auth] #app .n-card{width:100%!important}html[data-surface=auth] #app .p-6{padding:0!important}}

html[data-surface=auth] #app .n-button--text-type{--n-text-color:#6b6a62!important;--n-text-color-hover:#0057ff!important}
html[data-surface=auth] #app .n-card__content{padding:0!important}
/* Purchase catalog: reference-style cards, real periods and an order summary. */
.purchase-page{max-width:1600px;margin:0 auto;padding:8px 2px 20px;color:#182438;font-family:var(--font)}.purchase-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.purchase-kicker{font-size:10px;font-weight:700;letter-spacing:2px;color:#0057ff;margin:0 0 12px}.purchase-heading h1{font-size:28px;line-height:1.4;letter-spacing:-.7px;font-weight:720;margin:0 0 10px}.purchase-intro{font-size:13px;line-height:1.8;color:#788496;margin:0}.purchase-steps{display:flex;align-items:center;gap:18px;list-style:none;padding:0;margin:0;white-space:nowrap;font-size:10px;color:#9ba4b2}.purchase-steps .is-current{color:#0057ff;font-weight:700}.purchase-steps li+li:before{content:'›';margin-right:18px;color:#b5becc}.purchase-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px}.purchase-toolbar>span{font-size:11px;color:#95a0ae}.purchase-filters{display:inline-flex;gap:3px;padding:4px;border-radius:10px;border:1px solid #e2e7ef;background:#fff}.purchase-filters button{min-height:33px;border:0;border-radius:7px;background:transparent;padding:0 17px;color:#7a8798;font-size:12px;cursor:pointer}.purchase-filters button.is-active{background:#edf2ff;color:#0057ff;font-weight:650}.purchase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:stretch;gap:16px}.purchase-card{display:flex;flex-direction:column;min-width:0;position:relative;border:1px solid #dfe5ee;border-radius:17px;background:#fff;padding:25px 20px 20px;box-shadow:0 4px 18px #243b5610;transition:border-color .16s,box-shadow .16s}.purchase-card.is-selected{border:2px solid #0057ff;padding:24px 19px 19px;box-shadow:0 14px 32px #0057ff17}.purchase-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:29px}.purchase-card h2{font-size:20px;font-weight:720;letter-spacing:-.4px;line-height:1.4;margin:0}.purchase-selected-tag{background:#edf2ff;color:#0057ff;font-size:9px;padding:3px 6px;border-radius:5px;white-space:nowrap;font-weight:650}.purchase-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.purchase-tags span{font-size:10px;line-height:1.7;color:#6d7f99;background:#f3f6fb;border-radius:4px;padding:1px 7px}.purchase-price{display:flex;align-items:baseline;gap:5px;margin-top:23px;font-size:12px;color:#7a8798}.purchase-price strong{font-size:40px;line-height:1.1;letter-spacing:-1.2px;font-weight:750;color:#17273e;font-variant-numeric:tabular-nums}.purchase-currency{color:#17273e;font-size:18px;font-weight:600}.purchase-price-caption{font-size:10px;line-height:1.7;color:#96a0af;margin:10px 0 21px}.purchase-features{list-style:none;padding:0;margin:0 0 25px;display:flex;flex-direction:column;gap:12px;flex:1}.purchase-features li{font-size:12px;color:#5e6e83;line-height:1.6;display:flex;gap:8px;align-items:flex-start;overflow-wrap:anywhere}.purchase-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:15px;height:15px;margin-top:2px;border-radius:50%;background:#e4f6ed;color:#18a77a;font-size:10px;font-weight:750}.purchase-features li.is-unsupported{opacity:.45}.purchase-features .is-unsupported .purchase-check{background:#eff1f4;color:#8894a5}.purchase-periods{display:flex;flex-direction:column;gap:8px}.purchase-period{display:flex;justify-content:space-between;align-items:center;gap:9px;width:100%;min-height:67px;padding:11px 12px;text-align:left;border:1px solid #e1e6ef;border-radius:10px;background:#f7f9fc;color:#23324a;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.purchase-period:hover{border-color:#8cafff;background:#f3f6ff}.purchase-period.is-selected{border:2px solid #0057ff;padding:10px 11px;background:#edf2ff;box-shadow:0 0 0 1px #0057ff08}.purchase-period-main{display:flex;flex-direction:column;gap:5px;min-width:0}.purchase-period-label{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.purchase-period-label>strong{font-size:12px;font-weight:700;white-space:nowrap}.purchase-period-label em{font-style:normal;font-size:9px;font-weight:650;white-space:nowrap;color:#db7928;background:#fff3df;border-radius:20px;padding:1px 5px}.purchase-period-main>small{font-size:10px;color:#8995a6;font-weight:550;font-variant-numeric:tabular-nums}.purchase-period-price{flex-shrink:0;text-align:right;font-size:10px;white-space:nowrap;color:#7b8798}.purchase-period-price>strong{color:#e8555f;font-size:17px;font-weight:750;font-variant-numeric:tabular-nums}.purchase-period-price>small{font-size:9px;margin-left:1px}.purchase-note{display:flex;align-items:baseline;gap:14px;padding:20px 4px;color:#9aa3b0;font-size:10px;line-height:1.9}.purchase-note>strong{flex-shrink:0;color:#7a8799;font-size:11px}.purchase-note p{margin:0}.purchase-checkout{position:sticky;bottom:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 24px;border:1px solid #e0e6ee;border-radius:14px;background:#fffffff5;backdrop-filter:blur(16px);box-shadow:0 -5px 30px #1e3b5c0e;margin-top:4px}.purchase-summary{display:flex;flex-direction:column;gap:7px;min-width:0}.purchase-summary>small{font-size:10px;color:#8e99a9}.purchase-summary>strong{font-size:14px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.purchase-saving{font-size:10px;color:#98781e}.purchase-checkout-action{display:flex;align-items:center;gap:28px;flex-shrink:0}.purchase-total{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.purchase-total small{font-size:10px;color:#8d99aa}.purchase-total strong{color:#e8555f;font-size:27px;font-weight:750;white-space:nowrap;line-height:1.2;font-variant-numeric:tabular-nums}.purchase-checkout-action>button{display:flex;align-items:center;justify-content:center;gap:30px;min-height:48px;min-width:204px;border:0;border-radius:9px;padding:0 23px;background:#ffd60a;color:#141413;font-size:14px;font-weight:750;cursor:pointer;box-shadow:0 7px 18px #ffd60a25}.purchase-checkout-action>button:hover:not(:disabled){background:#e8bc00}.purchase-checkout-action>button:disabled{background:#e9edf3;color:#9ea8b6;cursor:not-allowed;box-shadow:none}.purchase-checkout-action>button>span{font-size:20px}.purchase-state{padding:64px 25px;text-align:center;border:1px dashed #dae3ef;border-radius:14px;background:#fff;color:#8a97aa;font-size:13px;line-height:1.9}.purchase-state button{background:#edf2ff;border:1px solid #d9e4ff;border-radius:7px;padding:7px 18px;color:#0057ff;cursor:pointer}.purchase-page button:focus-visible{outline:3px solid #8ab0ff;outline-offset:3px}.purchase-grid:empty{display:none}
html.dark .purchase-page{color:#e3e8f2}html.dark .purchase-card,html.dark .purchase-filters,html.dark .purchase-checkout,html.dark .purchase-state{background:#272a32;border-color:#3c404a}html.dark .purchase-price strong,html.dark .purchase-currency{color:#edf2ff}html.dark .purchase-features li{color:#bec8d8}html.dark .purchase-period{background:#2d323e;border-color:#414a5d;color:#e3e8f2}html.dark .purchase-period.is-selected{background:#25365a;border-color:#80a8ff}html.dark .purchase-filters .is-active{background:#25365a;color:#adc7ff}html.dark .purchase-tags span{background:#323846;color:#b8c8e0}html.dark .purchase-card.is-selected{border-color:#80a8ff}html.dark .purchase-selected-tag{background:#25365a;color:#adc7ff}html.dark .purchase-checkout-action>button:disabled{background:#383d49;color:#8e9bb0}
@media(max-width:1100px){.purchase-heading{align-items:flex-start;gap:16px}.purchase-heading h1{font-size:24px}.purchase-steps{flex-direction:column;align-items:flex-start;gap:8px}.purchase-steps li+li:before{display:none}.purchase-grid{gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.purchase-checkout-action{gap:17px}.purchase-checkout{padding:17px 19px;gap:17px}.purchase-checkout-action>button{min-width:175px;padding-inline:17px;gap:18px}.purchase-summary>strong{font-size:12px}.purchase-total strong{font-size:24px}}
@media(max-width:720px){.purchase-page{padding-top:5px}.purchase-heading{display:block;margin-bottom:20px}.purchase-heading h1{font-size:23px}.purchase-intro{font-size:11px}.purchase-steps{flex-direction:row;gap:13px;margin-top:18px;font-size:9px}.purchase-steps li+li:before{display:inline;margin-right:13px}.purchase-toolbar{margin-bottom:17px;gap:10px}.purchase-toolbar>span{display:none}.purchase-filters{width:100%;justify-content:space-between}.purchase-filters button{flex:1;padding-inline:10px;font-size:11px}.purchase-grid{grid-template-columns:1fr;gap:17px}.purchase-card{padding:24px 21px 21px}.purchase-card.is-selected{padding:23px 20px 20px}.purchase-card h2{font-size:21px}.purchase-price strong{font-size:38px}.purchase-features{gap:10px;margin-bottom:22px}.purchase-features li{font-size:12px}.purchase-period{min-height:69px;padding:12px 15px}.purchase-period.is-selected{padding:11px 14px}.purchase-period-label>strong{font-size:14px}.purchase-period-main>small{font-size:11px}.purchase-period-price>strong{font-size:20px}.purchase-period-price>small{font-size:11px}.purchase-period-label em{font-size:10px}.purchase-note{display:block;padding:18px 2px;font-size:10px}.purchase-note>strong{display:block;margin-bottom:3px}.purchase-checkout{display:block;padding:15px 15px max(15px,env(safe-area-inset-bottom));border-radius:12px;bottom:0;margin-top:0}.purchase-summary{gap:3px;margin-bottom:12px}.purchase-summary>small{font-size:9px}.purchase-summary>strong{font-size:12px}.purchase-saving{font-size:9px}.purchase-checkout-action{justify-content:space-between;gap:14px}.purchase-checkout-action>button{min-width:0;min-height:45px;flex:1;max-width:230px;font-size:12px;padding:0 13px;gap:12px}.purchase-total{align-items:flex-start}.purchase-total strong{font-size:24px}.purchase-checkout-action>button>span{font-size:17px}}
.purchase-flow-label{font-size:11px;color:#8a98aa;white-space:nowrap}.purchase-settings{display:grid;grid-template-columns:1.05fr 1fr;gap:16px;margin-top:24px}.purchase-method-panel,.purchase-coupon-panel{padding:23px;border:1px solid #e0e6ef;border-radius:14px;background:#fff}.purchase-settings h2{font-size:15px;font-weight:700;letter-spacing:0;margin:0 0 16px}.purchase-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.purchase-method{display:flex;align-items:center;gap:11px;min-width:0;text-align:left;padding:15px 12px;border:1px solid #dfe5ef;border-radius:10px;color:#36465d;background:#f8fafc;cursor:pointer}.purchase-method.is-selected{border:2px solid #0057ff;padding:14px 11px;background:#edf3ff}.purchase-method-icon{width:32px;height:36px;flex-shrink:0;border-radius:8px;background:#e2edff;color:#0057ff;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700}.purchase-method>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.purchase-method strong{font-size:13px;overflow-wrap:anywhere}.purchase-method small{font-size:9px;color:#8a98aa;line-height:1.5}.purchase-method-check{margin-left:auto;color:#0057ff;font-size:16px}.purchase-coupon-panel>p,.purchase-method-panel>p{font-size:11px;line-height:1.8;color:#8a98aa;margin:0 0 14px}.purchase-coupon-input{display:flex;align-items:center;gap:9px}.purchase-coupon-input input{min-width:0;flex:1;height:43px;padding:10px 13px;border:1px solid #dbe3ef;border-radius:8px;outline:none;font-size:12px;color:#23324a;background:#fff}.purchase-coupon-input input:focus{border-color:#0057ff;box-shadow:0 0 0 3px #0057ff10}.purchase-coupon-input button{height:43px;border:0;border-radius:8px;background:#edf2ff;color:#0057ff;font-size:11px;font-weight:650;padding:0 14px;white-space:nowrap;cursor:pointer}.purchase-coupon-input button:disabled{opacity:.5;cursor:not-allowed}.purchase-coupon-panel .purchase-coupon-success{margin:12px 0 0;color:#17946d;font-size:11px}.purchase-inline-error{color:#d94d55!important;font-size:11px;line-height:1.8}.purchase-payment-error{border:1px solid #ffd5d8;border-radius:9px;background:#fff5f5;padding:13px 16px;margin:16px 0}.purchase-coupon-panel .purchase-inline-error{margin:10px 0 0}.purchase-breakdown{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:18px 4px;color:#708098;font-size:11px;line-height:1.7}.purchase-breakdown small{flex-basis:100%;font-size:10px;color:#99a4b3}.purchase-order-lock{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 4px;color:#8c99aa;font-size:10px;line-height:1.7}.purchase-order-lock button,.purchase-alert button{border:1px solid #dce6ff;background:#edf2ff;color:#0057ff;font-size:10px;white-space:nowrap;border-radius:7px;padding:7px 11px;cursor:pointer}.purchase-alert{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;margin-bottom:18px;border:1px solid #f0dfaf;border-radius:10px;background:#fff9e9;color:#977624;font-size:12px;line-height:1.7}.purchase-alert p{margin:0}.purchase-alert>div{display:flex;gap:8px}.purchase-success{border:1px solid #bee7d3;border-radius:10px;background:#effaf4;color:#17825a;padding:17px 19px;margin:16px 0;font-size:12px}.purchase-period:disabled{cursor:default}.purchase-method:disabled{cursor:default}.purchase-qr{max-width:calc(100vw - 32px);width:340px;background:#fff;color:#23324a;border-radius:16px;padding:25px;text-align:center;box-shadow:0 20px 70px #0003}.purchase-qr h2{font-size:23px;letter-spacing:0;margin:0 0 10px}.purchase-qr p{font-size:12px;line-height:1.8;color:#7d8ba1;margin:10px 0}.purchase-qr .n-qr-code{margin:16px auto}.purchase-qr button{margin:6px 4px 0;border:1px solid #dce5f5;background:#edf2ff;color:#0057ff;padding:9px 13px;border-radius:7px;font-size:12px;cursor:pointer}html.dark .purchase-method-panel,html.dark .purchase-coupon-panel{background:#272a32;border-color:#3c404a}html.dark .purchase-method{background:#2d323e;border-color:#414a5d;color:#dce7f7}html.dark .purchase-method.is-selected{background:#25365a;border-color:#80a8ff}html.dark .purchase-coupon-input input{background:#232731;color:#e3e8f2;border-color:#414a5d}html.dark .purchase-qr{background:#272a32;color:#e3e8f2}
@media(max-width:1000px){.purchase-settings{grid-template-columns:1fr}.purchase-flow-label{display:none}.purchase-methods{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}@media(max-width:720px){.purchase-settings{gap:13px;margin-top:18px}.purchase-method-panel,.purchase-coupon-panel{padding:19px 17px}.purchase-methods{grid-template-columns:1fr}.purchase-method{padding:14px}.purchase-method.is-selected{padding:13px}.purchase-coupon-input{gap:8px}.purchase-coupon-input input{font-size:12px}.purchase-coupon-input button{padding:0 11px;font-size:10px}.purchase-order-lock,.purchase-alert{display:block}.purchase-order-lock button{margin-top:10px}.purchase-alert>div{margin-top:10px}.purchase-breakdown{font-size:10px;gap:5px 14px}.purchase-success{font-size:11px}}
.purchase-page{width:100%}
/* Keep the purchase action unobstructed by the original floating back-to-top. */
body:has(.purchase-page) .n-back-top{display:none!important}