:root{--q-ink:#182336;--q-blue:#2458e8;--q-paper:#f6f7f9;--q-line:#e5e9f0}
html,body,#app{min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;color:var(--q-ink);letter-spacing:.01em}body{margin:0;background:var(--q-paper)!important}*{box-sizing:border-box}a{transition:color .2s}a:focus-visible,button:focus-visible{outline:3px solid #88a6ff;outline-offset:4px}
.q-header{height:100px;position:absolute;inset:0 0 auto;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;color:var(--q-ink)}.q-logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:inherit}.q-symbol{width:34px;height:34px;display:inline-block;border:8px solid var(--q-blue);border-radius:50%;position:relative}.q-symbol:after{content:"";position:absolute;background:var(--q-blue);width:15px;height:8px;right:-10px;bottom:-6px;transform:rotate(45deg);border:3px solid #f6f7f9}.q-header-note{font-size:11px;letter-spacing:2px;color:#768196}.q-header-note span{display:inline-block;width:6px;height:6px;background:#2458e8;border-radius:50%;margin-right:8px}.q-footer{position:absolute;bottom:25px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:11px;color:#8a94a5;letter-spacing:1px}.q-footer span:last-child{letter-spacing:2px}
body.q-auth #app>.n-config-provider>.wh-full{min-height:100svh!important;height:auto!important;padding:140px 7% 110px;display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(340px,.9fr);gap:8%;align-items:center!important;max-width:1440px;margin:0 auto;background:none!important}.q-hero{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:490px}.q-eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:3px;font-weight:600;color:var(--q-blue);margin:0 0 24px}.q-eyebrow:before{content:"";width:28px;height:1px;background:var(--q-blue)}.q-hero h2{font-size:clamp(42px,4.7vw,68px);line-height:1.2;letter-spacing:-3px;font-weight:650;margin:0;z-index:1}.q-hero h2 em{font-style:normal;color:var(--q-blue)}.q-hero-copy{font-size:14px;line-height:1.9;color:#778193;max-width:330px;margin:22px 0 0;z-index:1}.q-visual{height:210px;width:360px;max-width:100%;position:relative;margin:12px 0 0;overflow:hidden}.q-orbit{position:absolute;width:270px;height:140px;border:1px solid #b9caef;border-radius:50%;left:26px;top:37px;transform:rotate(-25deg)}.q-orbit.o2{transform:rotate(30deg);border-color:#d1dcf2}.q-orbit.o3{transform:rotate(85deg);border-color:#d1dcf2}.q-globe{position:absolute;left:91px;top:40px;width:140px;height:140px;border:1px solid #b5c8f0;border-radius:50%;background:radial-gradient(circle at 32% 30%,#f9fbff,#d9e5ff 60%,#c3d4fa);box-shadow:inset -16px -12px 32px #95b0ec33,0 20px 40px #2559e811;overflow:hidden}.q-globe:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 22px,#9eb7e84d 23px 24px,transparent 25px 26px)}.q-globe:after{content:"";position:absolute;inset:-10px 35px;border:1px solid #9eb7e8;border-radius:50%;transform:rotate(15deg)}.q-node{position:absolute;left:275px;top:60px;width:9px;height:9px;border-radius:50%;background:#2458e8;box-shadow:0 0 0 7px #2458e80c}.q-node.n2{left:32px;top:128px;background:#8ba8e7}.q-visual-label{position:absolute;right:0;bottom:28px;font:10px ui-monospace,monospace;letter-spacing:1px;color:#7d8fae}.q-pillars{display:flex;gap:28px;border-top:1px solid #dfe5ef;padding-top:20px;max-width:390px}.q-pillars span{font-size:12px;color:#788396}.q-pillars b{color:#283b59;font-weight:500;margin-right:7px}
body.q-auth .q-auth-card{width:100%!important;max-width:420px!important;justify-self:end;margin:0!important;border:1px solid #e6eaf0!important;border-radius:22px!important;box-shadow:0 20px 80px #22345808!important;background:#fff!important;overflow:hidden}body.q-auth .q-auth-card .n-card__content>.p-6{padding:40px 36px 30px!important}body.q-auth .q-auth-card h1{text-align:left!important;font-size:27px!important;line-height:1.4!important;letter-spacing:-.6px;font-weight:650!important;margin:0 0 10px!important;color:var(--q-ink)!important}body.q-auth .q-auth-card h5{text-align:left!important;font-size:13px!important;color:#8791a1!important;margin:0 0 29px!important;line-height:1.8}body.q-auth .q-auth-card .mt-5{margin-top:18px!important}body.q-auth .n-input{--n-height:49px!important;--n-border-radius:9px!important;--n-padding-left:15px!important;--n-color:#fafbfd!important;--n-placeholder-color:#98a1af!important;--n-border:1px solid #e2e7ee!important;--n-border-hover:1px solid #9bb2f5!important;--n-border-focus:1px solid #2458e8!important;--n-box-shadow-focus:0 0 0 3px #2458e80d!important}body.q-auth .n-input__input-el{height:49px!important}body.q-auth .n-button--primary-type{--n-height:49px!important;height:49px!important;--n-color:#2458e8!important;--n-color-hover:#1949d0!important;--n-color-focus:#1949d0!important;--n-color-pressed:#153dad!important;--n-border:1px solid #2458e8!important;--n-border-hover:1px solid #1949d0!important;--n-border-focus:1px solid #1949d0!important;border-radius:9px!important;font-weight:600!important;box-shadow:0 5px 12px #2458e81a}body.q-auth .q-auth-card .n-button__icon{display:none}body.q-auth .q-auth-card .n-card__content>.flex{padding:20px 36px!important;background:#fafbfd!important;border-top:1px solid #eef0f5;gap:8px;font-size:12px}body.q-auth .q-auth-card .n-card__content>.flex a{font-size:12px!important;color:#5d6b80!important}body.q-auth .q-auth-card .n-card__content>.flex a:first-child{color:#2458e8!important;font-weight:600}body.q-auth .q-auth-card .n-card__content>.flex button{font-size:11px!important;color:#8791a1!important}.q-form-note{font-size:10px;color:#99a2b1;text-align:center;letter-spacing:.6px;margin:21px 0 0}.q-form-note:before{content:"◇";margin-right:5px;color:#6b87bf}
body:not(.q-auth) .q-header,body:not(.q-auth) .q-footer{display:none}body:not(.q-auth) .n-layout{--n-color:#f6f7f9!important}body:not(.q-auth) .n-layout-sider{--n-color:#fff!important;border-right:1px solid #e5e9f0!important}body:not(.q-auth) .n-layout-header{--n-color:#ffffff!important;border-bottom:1px solid #e5e9f0!important}body:not(.q-auth) .n-card{--n-border-radius:15px!important;--n-border-color:#e6eaf0!important;box-shadow:0 4px 24px #22345804!important}body:not(.q-auth) .n-button{--n-border-radius:8px!important}body:not(.q-auth) .n-menu-item-content{border-radius:9px!important;margin:3px 10px!important}body:not(.q-auth) .n-menu-item-content--selected{background:#edf2ff!important}body:not(.q-auth) .n-menu-item-content--selected .n-menu-item-content-header,body:not(.q-auth) .n-menu-item-content--selected .n-icon{color:#2458e8!important}body:not(.q-auth) .n-statistic .n-statistic-value{font-weight:650;letter-spacing:-1px}.n-modal,.n-dialog{border-radius:16px!important}
@media(min-width:1450px){body.q-auth #app>.n-config-provider>.wh-full{padding-left:9%;padding-right:9%}}@media(max-width:850px){.q-header{height:80px;padding:0 6%}.q-header-note{font-size:9px;letter-spacing:1px}body.q-auth #app>.n-config-provider>.wh-full{grid-template-columns:1fr;gap:30px;padding:110px 24px 90px;max-width:560px}.q-hero{min-height:0;text-align:center;align-items:center}.q-eyebrow{font-size:9px;margin-bottom:14px}.q-hero h2{font-size:39px;letter-spacing:-1.5px}.q-hero h2 br{display:none}.q-hero-copy{font-size:12px;margin-top:14px;max-width:320px}.q-visual,.q-pillars{display:none}body.q-auth .q-auth-card{justify-self:center;max-width:420px!important}.q-footer{position:static;padding:0 24px 24px;gap:10px;font-size:9px}.q-footer span:last-child{letter-spacing:1px}}@media(max-width:390px){.q-header-note{display:none}body.q-auth .q-auth-card .n-card__content>.p-6{padding:30px 24px 24px!important}body.q-auth .q-auth-card .n-card__content>.flex{padding:18px 24px!important}.q-hero h2{font-size:33px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep the footer below long forms, including short laptop screens. */
.q-footer{position:static;inset:auto;padding:0 5.5% 25px;min-height:43px}.q-hero{min-height:450px}body.q-auth #app>.n-config-provider>.wh-full{min-height:calc(100svh - 43px)!important;padding-top:120px;padding-bottom:60px}@media(max-width:850px){body.q-auth #app>.n-config-provider>.wh-full{padding-top:110px;padding-bottom:55px}.q-hero{min-height:0}.q-footer{padding:0 24px 24px;flex-wrap:wrap}}
