*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.site-brand-logo{display:block;width:154px;height:48px;object-fit:contain;object-position:left center}.admin-brand-logo{display:block;width:150px;height:48px;object-fit:contain;object-position:left center}.admin-brand{align-items:center}.admin-brand>span{min-width:0}.admin-brand b{white-space:nowrap}@media(max-width:700px){.site-brand-logo{width:132px;height:43px}.admin-brand-logo{width:132px;height:43px}}.admin-body{background:#f3f7fd}.admin-shell{min-height:100vh;display:flex}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#fff;border-right:1px solid #e7edf6;padding:28px 16px 20px;display:flex;flex-direction:column;z-index:10}.admin-brand{display:flex;align-items:center;gap:11px;color:#233b61;padding:0 9px 36px}.admin-brand b{display:block;font-size:18px;line-height:1.1}.admin-brand small{display:block;color:#8298b7;font-size:9px;letter-spacing:1.8px;font-weight:800;margin-top:4px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#4285f4;color:#fff;font-size:22px;box-shadow:0 6px 14px #4285f444}.admin-label{font-size:11px;color:#91a4bd;padding:0 11px 10px}.admin-sidebar nav{display:flex;flex-direction:column;gap:5px}.admin-nav-item{height:44px;padding:0 13px;border-radius:11px;color:#647d9e;display:flex;align-items:center;gap:13px;font-weight:700}.admin-nav-item span{width:17px;text-align:center;color:#88a1c1}.admin-nav-item.active{background:#e8f1ff;color:#233e68}.admin-nav-item.active span{color:#3b7bf2}.admin-side-note{margin-top:auto;background:#edf5ff;border-radius:15px;padding:14px 14px 12px;color:#35557f}.admin-side-note b{font-size:13px}.admin-side-note p{margin:5px 0 0;color:#7f9abe;font-size:11px;line-height:1.55}.admin-profile{display:flex;align-items:center;gap:10px;padding:24px 8px 0;color:#314d76}.admin-profile b,.admin-profile small{display:block}.admin-profile small{font-size:11px;color:#8da1bc}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#c8ddff;color:#2d568c;font-size:12px;font-weight:800}.admin-content{width:calc(100% - 230px);margin-left:230px}.admin-topbar{height:72px;background:#fff;border-bottom:1px solid #e8eef7;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{display:flex;align-items:center;gap:15px;color:#7f96b5;font-size:13px}.breadcrumb b{font-size:18px;color:#a8bad2}.breadcrumb strong{color:#263d62}.admin-top-actions{display:flex;align-items:center;gap:22px;color:#91a3bd;font-size:12px}.admin-search{background:#f3f7fd;border-radius:12px;padding:10px 18px;min-width:220px;color:#7891b3}.admin-main{max-width:none;padding:34px 38px 60px}.admin-menu{display:none}.admin-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.admin-welcome h1{margin:7px 0 0;font-size:34px;line-height:1.2;letter-spacing:-1px;color:#1f385d}.admin-welcome h1 span{font-size:25px}.admin-welcome p{color:#91a6c2;margin:5px 0 0}.admin-kicker{font-size:11px;color:#28466e;letter-spacing:1.3px;font-weight:800}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.admin-stat-card{background:#fff;border-radius:18px;padding:19px 22px 17px;box-shadow:0 9px 28px #4266940b;border:1px solid #edf2f8}.admin-stat-card>div{display:flex;justify-content:space-between;align-items:center;color:#87a0c0;font-size:13px}.stat-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-weight:800}.stat-icon.blue{background:#eaf3ff;color:#5689e7}.stat-icon.orange{background:#fff3e5;color:#eea24d}.stat-icon.green{background:#e4f7f1;color:#39aa86}.stat-icon.purple{background:#f0eaff;color:#8d70d8}.admin-stat-card>strong{display:block;font-size:32px;line-height:1.2;color:#1e385d;margin:11px 0 3px}.admin-stat-card small{color:#9aabc0;font-size:11px}.admin-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.9fr);gap:18px}.admin-main-column,.admin-side-column{display:flex;flex-direction:column;gap:18px}.admin-panel{background:#fff;border-radius:18px;border:1px solid #edf2f8;box-shadow:0 9px 28px #4266940b;padding:19px 22px}.admin-panel h2{font-size:16px;margin:0;color:#233d63}.admin-panel-head{display:flex;justify-content:space-between;align-items:flex-start}.admin-panel-head p,.admin-panel>p{margin:2px 0 14px;color:#96a9c2;font-size:11px}.admin-panel-head>a{font-size:12px;color:#294c7d}.admin-tabs{display:flex;gap:25px;border-bottom:1px solid #edf2f7;margin:7px 0 0}.admin-tabs a{padding:10px 0;color:#9aacc3;font-size:12px}.admin-tabs a.selected{color:#254b7f;border-bottom:2px solid #4285f4;font-weight:800}.admin-table-wrap{border:0;border-radius:0;box-shadow:none;margin:0 -22px}.admin-table{min-width:720px;font-size:12px}.admin-table th{color:#9aabc0;font-weight:500;font-size:11px}.admin-table td,.admin-table th{padding:12px 22px;border-bottom:1px solid #edf2f7}.admin-table td{color:#304a6e}.admin-table td a{color:#315b95}.table-sub{display:block;color:#9aacc2;font-size:10px;font-weight:400}.admin-status{display:inline-block;border-radius:8px;padding:3px 9px;font-size:10px;background:#eef3f9;color:#65809f;white-space:nowrap}.admin-status.pending_delivery{background:#fff2e2;color:#d9913e}.admin-status.delivered{background:#e5f7f0;color:#39a17c}.admin-status.pending_payment{background:#eef3ff;color:#5574be}.admin-empty{text-align:center!important;color:#9aabc0!important;padding:35px!important}.quick-panel h2{margin-bottom:0}.quick-action{display:flex;align-items:center;gap:14px;background:#f5f8fd;border-radius:13px;padding:14px 18px;color:#27476e}.quick-arrow{font-size:23px}.quick-action span:nth-child(2){flex:1}.quick-action b,.quick-action small{display:block}.quick-action small{color:#9aacc2;font-size:11px}.quick-action>strong{font-size:20px}.delivery-callout{background:linear-gradient(135deg,#397bea,#4f8ce7);color:#fff;border-radius:18px;padding:22px 24px;min-height:166px;box-shadow:0 10px 25px #397bea33}.delivery-callout h2{font-size:17px;margin:0 0 8px}.delivery-callout p{font-size:11px;line-height:1.7;color:#d9e7ff;margin:0 0 17px}.delivery-callout a{display:inline-block;background:#fff;color:#294b7e;border-radius:9px;padding:8px 14px;font-size:11px;font-weight:800}.activity-panel{padding-bottom:12px}.activity-panel>p{margin-bottom:10px}.activity-item{display:flex;align-items:flex-start;gap:10px;padding:13px 0;border-bottom:1px solid #f0f3f8;font-size:11px}.activity-item:last-child{border-bottom:0}.activity-item span{flex:1}.activity-item b,.activity-item span small{display:block}.activity-item span small,.activity-item>small{color:#9aacc2;font-size:10px}.activity-dot{width:9px;height:9px;border-radius:50%;margin-top:6px}.blue-dot{background:#5792ed}.green-dot{background:#39b58a}.orange-dot{background:#efa04a}a{color:#356ae6;text-decoration:none}body:not(.admin-body)>nav{height:68px;background:#fff;border-bottom:1px solid #e8ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1120px)/2));position:sticky;top:0;z-index:2}.brand{font-size:20px;font-weight:800;color:#18223b}.navlinks{display:flex;align-items:center;gap:18px}.navlinks button{background:none;border:0;color:#356ae6;cursor:pointer;font:inherit}.pill,.button{display:inline-block;border:0;border-radius:12px;background:#356ae6;color:white;padding:10px 18px;font-weight:700;cursor:pointer;box-shadow:0 5px 12px #356ae626}.inline{display:inline}.inline button{padding:0}main{max-width:1120px;margin:0 auto;padding:48px 20px;min-height:calc(100vh - 125px)}footer{text-align:center;color:#8993a7;padding:24px;border-top:1px solid #e8ebf2;background:#fff}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center;padding:55px 0}.hero h1{font-size:clamp(36px,6vw,62px);line-height:1.1;letter-spacing:-2px;margin:12px 0}.hero p{font-size:18px;color:#667085;max-width:560px}.hero-card{background:linear-gradient(145deg,#e7efff,#fff);border-radius:28px;padding:50px 30px;text-align:center;color:#356ae6;box-shadow:0 15px 40px #5377be22}.hero-card strong{font-size:23px;display:block;margin:10px 0}.eyebrow{color:#6381c9;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.section-head{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.section-head h1,.section-head h2{margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.form-card,.detail,.steps{background:#fff;border:1px solid #e9edf5;border-radius:20px;padding:25px;box-shadow:0 8px 25px #33415c0b}.card h2,.card h3{margin:8px 0}.card p,.muted{color:#758198}.price{font-size:28px;font-weight:800;color:#183b99;margin:20px 0}.price small{font-size:13px;color:#758198;font-weight:500}.spec{list-style:none;padding:0;color:#637089}.spec li{padding:5px 0;border-bottom:1px solid #f0f2f6}.steps{margin-top:48px}.stepgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stepgrid b{font-size:28px;color:#9bb5ee}.form-card,.detail{max-width:680px;margin:20px auto}.form-card h1,.detail h1{margin-top:0;font-size:32px}label{display:block;font-weight:700;margin:15px 0}input,textarea,select{width:100%;border:1px solid #dce2ed;border-radius:10px;padding:11px 13px;margin-top:6px;font:inherit;background:#fff}textarea{min-height:105px}button{font:inherit;border:0;border-radius:10px;padding:10px 16px;cursor:pointer}.notice{padding:12px 16px;border-radius:12px;margin-bottom:20px}.success{background:#e6f7ed;color:#257541}.error{background:#fff0f0;color:#a63d3d}.summary{display:flex;justify-content:space-between;background:#f5f7fc;border-radius:12px;padding:15px;margin:20px 0}.summary strong{font-size:23px}.status{background:#edf2ff;color:#4365be;padding:4px 9px;border-radius:8px;font-size:13px}.table-wrap{overflow:auto;background:#fff;border-radius:16px;border:1px solid #e9edf5}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:14px;border-bottom:1px solid #eef1f5}.delivery{background:#eef8f2;border:1px solid #bde6ca;padding:18px;border-radius:14px;margin-top:24px}.delivery code{word-break:break-all;background:#fff;padding:3px}.message{background:#f7f8fb;border-radius:12px;padding:12px;margin:12px 0}.message p{white-space:normal}.filter{display:flex;gap:10px;margin:20px 0}.filter input{max-width:350px;margin:0}.filter select{max-width:180px;margin:0}.metrics{display:flex;gap:15px;flex-wrap:wrap}.metric{background:#fff;border-radius:16px;padding:20px 30px;display:flex;flex-direction:column;min-width:140px}.metric b{font-size:32px;color:#356ae6}.admin-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.empty{text-align:center;background:#fff;border-radius:16px;padding:50px}.nav-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#3478f6;color:#fff;font-size:10px}.batch-toolbar{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 15px;margin:16px 0}.batch-toolbar label{margin:0;white-space:nowrap}.batch-toolbar select,.batch-toolbar input{width:auto;min-width:150px;margin:0}.admin-order-filter{flex-wrap:wrap}.admin-order-filter input[type=date],.admin-order-filter input[type=number]{max-width:150px}.order-timeline{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.order-timeline h2{font-size:18px;color:var(--ink)}.timeline-item{display:flex;gap:14px;position:relative;padding:12px 0}.timeline-item:not(:last-child):before{content:"";position:absolute;left:5px;top:24px;bottom:-14px;width:1px;background:#dce7f5}.timeline-item i{width:11px;height:11px;flex:0 0 11px;margin-top:6px;border-radius:50%;background:#3478f6;box-shadow:0 0 0 4px #eaf2ff}.timeline-item b,.timeline-item small{display:block}.timeline-item b{font-size:13px;color:#3d5779}.timeline-item small{font-size:11px;color:#94a8c0;margin-top:2px}.notification-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:12px 0}.notification-item.unread{border-color:#9ec1ff;background:#f8fbff}.notification-item b{color:var(--ink)}.notification-item small{display:block;color:#95a9c1;font-size:11px}.notification-item p{margin:5px 0;color:#627a9a}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-grid .form-card{max-width:none;margin:0}.account-page .form-card{max-width:none}.notifications-page{max-width:850px;margin:0 auto}.notifications-page .section-head{align-items:center}.admin-main>.detail .order-timeline{margin-top:24px}
@media(max-width:700px){.account-grid{grid-template-columns:1fr}.batch-toolbar{align-items:stretch;flex-wrap:wrap}.batch-toolbar>*{flex:1;min-width:130px}.admin-order-filter input[type=date],.admin-order-filter input[type=number]{max-width:none}.notification-item{padding:13px}.navlinks{flex-wrap:wrap}}
/* customer support */
.support-page{max-width:1080px;margin:0 auto;padding:32px 20px 70px}.support-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:8px 0 30px}.support-hero h1{font-size:38px;line-height:1.2;letter-spacing:-1px;color:var(--ink);margin:8px 0 5px}.support-hero p{color:#8498b5;margin:0}.support-hero-badge{display:flex;align-items:center;gap:10px;padding:15px 18px;border:1px solid #e3ebf6;border-radius:15px;background:#fff;box-shadow:var(--shadow);color:#52739d}.support-hero-badge span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#edf4ff;color:#3478f6;font-size:18px}.support-hero-badge b,.support-hero-badge small{display:block}.support-hero-badge b{font-size:13px;color:#315477}.support-hero-badge small{font-size:10px;color:#91a5be;margin-top:2px}.support-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.75fr);gap:18px;align-items:stretch}.support-create-card,.support-help-card,.support-list-card,.support-detail-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.support-create-card{padding:26px 30px}.support-card-heading{display:flex;align-items:center;gap:13px;margin-bottom:19px}.support-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eaf2ff;color:#3478f6;font-size:24px}.support-card-heading h2{font-size:20px;color:var(--ink);margin:0}.support-card-heading p{font-size:12px;color:#94a8c0;margin:2px 0 0}.support-create-card label{font-size:13px;color:#496584;margin:14px 0}.support-create-card input,.support-create-card textarea{margin-top:7px;background:#fbfcff;border-color:#dce6f2}.support-create-card textarea{min-height:125px;resize:vertical}.support-form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.support-form-footer small{font-size:11px;color:#95a9c1}.support-form-footer .button{white-space:nowrap}.support-form-footer .button span{margin-left:7px}.support-help-card{padding:26px 24px;background:linear-gradient(145deg,#f1f6ff,#fff)}.support-help-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#dceaff;color:#3e7eee;font-weight:800}.support-help-card h3{color:var(--ink);font-size:17px;margin:18px 0 7px}.support-help-card p{font-size:12px;line-height:1.8;color:#7d94b2;margin:0 0 18px}.support-help-card a{font-size:12px;font-weight:700;color:#3478f6}.support-help-card a span{margin-left:5px}.support-list-card{margin-top:18px;padding:0;overflow:hidden}.support-list-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 25px 17px}.support-label{display:block;color:#6e8db5;font-size:10px;font-weight:800;letter-spacing:1px}.support-list-heading h2{font-size:20px;color:var(--ink);margin:3px 0 0}.support-count{padding:6px 11px;border-radius:8px;background:#f1f5fb;color:#7892b2;font-size:11px}.support-table-wrap{border:0;border-radius:0;box-shadow:none}.support-table-wrap table{min-width:650px}.support-table-wrap th{background:#fbfcff;color:#7f96b4;font-size:11px;font-weight:700;padding:13px 25px}.support-table-wrap td{padding:16px 25px;color:#526d91}.support-table-wrap tbody tr:last-child td{border-bottom:0}.support-ticket-no{font-size:12px;color:#4b78bd}.support-subject{display:block;color:#315d9d;font-weight:700}.support-subject small{display:block;color:#9aacc1;font-size:10px;font-weight:400;margin-top:2px}.support-table-wrap time{font-size:12px;color:#8298b5;white-space:nowrap}.support-status{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;font-size:11px;font-weight:700;white-space:nowrap;background:#edf3fb;color:#6883a3}.support-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.support-status-open{background:#e8f7f0;color:#38a17e}.support-status-waiting_customer{background:#fff4e5;color:#d18c35}.support-status-closed{background:#f0f3f7;color:#8797aa}.support-empty{text-align:center;padding:35px 10px}.support-empty span,.support-empty b,.support-empty small{display:block}.support-empty span{font-size:25px;color:#9bb4d0}.support-empty b{color:#607b9e;margin-top:5px}.support-empty small{color:#a0afc0;font-size:11px;margin-top:3px}.support-detail-page{max-width:850px;margin:0 auto;padding:28px 20px 70px}.support-back-link{display:inline-block;color:#7692b4;font-size:12px;margin:0 0 16px}.support-detail-card{overflow:hidden}.support-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 30px 23px;border-bottom:1px solid var(--line)}.support-detail-header h1{font-size:27px;line-height:1.3;color:var(--ink);margin:8px 0 5px}.support-detail-header p{font-size:11px;color:#97a9bf;margin:0}.support-conversation{padding:24px 30px;background:#fbfcff}.support-message{display:flex;align-items:flex-start;gap:11px;margin:14px 0}.support-message-user{flex-direction:row-reverse}.support-message-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:12px;background:#e5efff;color:#3978e6;font-size:12px;font-weight:800}.support-message-admin .support-message-avatar{background:#e6f7f0;color:#35a27d}.support-message-content{max-width:78%;padding:12px 15px;border-radius:14px 14px 14px 3px;background:#fff;border:1px solid #e8eef6;box-shadow:0 5px 15px rgba(55,85,120,.05)}.support-message-user .support-message-content{border-radius:14px 14px 3px 14px;background:#eaf2ff;border-color:#dbe8fc}.support-message-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:#55749d}.support-message-meta time{color:#9aacc0;font-size:10px}.support-message-content p{margin:5px 0 0;color:#5f7695;font-size:13px;line-height:1.75;word-break:break-word}.support-reply-form{padding:23px 30px}.support-reply-form label{font-size:13px;color:#496584}.support-reply-form textarea{min-height:110px;background:#fbfcff}.support-closed-note{margin:22px 30px;padding:13px 15px;border-radius:11px;background:#f3f6fa;color:#8295ad;font-size:12px}.support-closed-note span{color:#50aa87;font-weight:800;margin-right:5px}
@media(max-width:800px){.support-layout{grid-template-columns:1fr}.support-help-card{display:none}.support-hero{align-items:flex-start;flex-direction:column}.support-hero-badge{width:100%}}
@media(max-width:700px){.support-page,.support-detail-page{padding:23px 14px 45px}.support-hero{margin-bottom:22px}.support-hero h1{font-size:30px}.support-hero-badge{padding:12px 14px}.support-create-card{padding:21px 17px}.support-card-heading h2{font-size:18px}.support-form-footer{align-items:stretch;flex-direction:column}.support-form-footer .button{width:100%}.support-list-heading{align-items:flex-start;gap:10px;padding:18px 16px 14px}.support-list-heading h2{font-size:18px}.support-table-wrap{margin:0}.support-table-wrap th,.support-table-wrap td{padding:13px 16px}.support-detail-header{align-items:flex-start;flex-direction:column;padding:22px 18px 18px}.support-detail-header h1{font-size:23px}.support-conversation{padding:17px 14px}.support-message-content{max-width:calc(100% - 45px)}.support-reply-form{padding:18px}.support-closed-note{margin:18px}}
@media(max-width:900px){.admin-shell{width:100%;max-width:100%;overflow-x:hidden}.admin-content{min-width:0;overflow-x:hidden}.admin-main{min-width:0}.admin-dashboard-grid,.admin-main-column,.admin-side-column{min-width:0;width:100%}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-dashboard-grid{grid-template-columns:1fr}.admin-sidebar{transform:translateX(-100%);transition:transform .2s}.admin-content{width:100%;margin-left:0}.admin-menu{display:block;border:0;background:none;color:#315a91;font-size:21px;padding:3px 10px 3px 0}.admin-topbar{padding:0 20px}.admin-top-actions{display:none}.admin-body.sidebar-open .admin-sidebar{transform:translateX(0)}.admin-body.sidebar-open:after{content:"";position:fixed;inset:0;background:#18365b44;z-index:5}}@media(max-width:700px){nav{padding:0 14px}.navlinks{gap:9px;font-size:13px}.hero,.grid,.stepgrid,.admin-links{grid-template-columns:1fr}.hero{padding:25px 0}.hero-card{padding:30px}.filter{display:block}.filter>*{margin:8px 0!important;max-width:none!important}.table-wrap{margin-left:-10px;margin-right:-10px}.section-head{align-items:flex-start;gap:10px;flex-direction:column}.admin-main{padding:24px 16px 45px}.admin-topbar{height:62px;padding:0 16px}.breadcrumb span,.breadcrumb b{display:none}.admin-welcome{align-items:flex-start;gap:16px;flex-direction:column}.admin-welcome h1{font-size:28px}.admin-welcome .button{align-self:stretch;text-align:center}.admin-stats{gap:10px}.admin-stat-card{padding:15px}.admin-stat-card>strong{font-size:26px}.admin-stat-card small{font-size:10px}.admin-panel{padding:16px}.admin-table-wrap{margin:0 -16px}.admin-table td,.admin-table th{padding:11px 16px}.admin-tabs{gap:16px;overflow:auto;white-space:nowrap}.delivery-callout{min-height:auto}.admin-brand{padding-bottom:25px}.catalog-heading{align-items:flex-start;gap:15px}.catalog-heading .button{white-space:nowrap}.catalog-toolbar{flex-wrap:wrap}.catalog-search{min-width:220px}.product-form-grid{grid-template-columns:1fr}.product-form-heading{align-items:flex-start;gap:15px}.product-form-actions{justify-content:stretch}.product-form-actions>*{flex:1;text-align:center}.form-two{grid-template-columns:1fr}}

/* refined visual system */
/* isolate the admin navigation from the public navigation reset */
body.admin-body .admin-sidebar nav{height:auto;min-height:0;background:transparent;border:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px;padding:0;position:static;top:auto;z-index:auto;box-shadow:none;backdrop-filter:none}
body.admin-body .admin-sidebar .admin-nav-item{width:100%;height:44px;margin:0;padding:0 13px;border-radius:11px;display:flex;align-items:center;justify-content:flex-start;gap:13px;position:static;white-space:nowrap}
body.admin-body .admin-sidebar .admin-nav-item span{flex:0 0 17px}

:root{--ink:#193354;--muted:#8498b5;--line:#e8eef6;--primary:#3478f6;--surface:#fff;--canvas:#f3f7fd;--shadow:0 12px 32px rgba(47,86,132,.08)}
html{scroll-behavior:smooth}body{letter-spacing:.01em}body:focus-within{outline:0}a,button,input,textarea,select{transition:all .18s ease}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(52,120,246,.22);outline-offset:2px}.button,.pill{background:linear-gradient(135deg,#3478f6,#2768dd);box-shadow:0 8px 18px rgba(52,120,246,.2)}.button:hover,.pill:hover{transform:translateY(-1px);box-shadow:0 11px 22px rgba(52,120,246,.27)}
/* public navigation and content */
nav{backdrop-filter:blur(14px);background:rgba(255,255,255,.92);box-shadow:0 1px 0 rgba(42,73,111,.03)}.brand{letter-spacing:-.03em}.hero{min-height:560px}.hero h1{color:#193354}.card,.form-card,.detail,.steps{box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(47,86,132,.13)}.card .button{margin-top:4px}.card p{min-height:48px}.spec li{display:flex;justify-content:space-between;gap:14px}.form-card{padding:32px}.form-card label{color:#334e73}.form-card input,.form-card textarea,.form-card select{background:#fbfcff}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(52,120,246,.1);outline:0}.empty{border:1px dashed #cbd9eb;color:#8ca0bb}.notice{border:1px solid transparent;box-shadow:0 5px 15px rgba(55,80,110,.05)}
/* admin login */
.admin-login-body{background:linear-gradient(135deg,#f3f7fd 0%,#eaf2ff 100%);min-height:100vh}.admin-login-body nav{position:relative}.admin-login-body main{display:grid;place-items:center;min-height:calc(100vh - 143px)}.admin-login-body .form-card{width:min(440px,100%);padding:38px 40px;border:1px solid rgba(255,255,255,.9);box-shadow:0 22px 60px rgba(45,83,131,.14)}.admin-login-body .form-card:before{content:'✦';display:grid;place-items:center;width:52px;height:52px;background:var(--primary);color:#fff;border-radius:16px;font-size:28px;margin-bottom:18px;box-shadow:0 10px 22px rgba(52,120,246,.25)}.admin-login-body .form-card h1{font-size:27px;color:var(--ink);margin-bottom:28px}.admin-login-body .form-card .button{width:100%;margin-top:12px}.admin-login-body footer{background:transparent;border:0}
/* catalog management */
.catalog-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 24px}.catalog-heading h1{color:var(--ink);font-size:30px;margin:6px 0 2px}.catalog-heading p{color:#91a6c2;margin:0}.catalog-panel{padding:0;overflow:hidden}.catalog-toolbar{display:flex;align-items:center;gap:10px;padding:17px 20px;border-bottom:1px solid var(--line);background:#fcfdff}.catalog-search{height:40px;display:flex;align-items:center;gap:8px;flex:1;max-width:420px;padding:0 12px;border:1px solid #e2eaf4;border-radius:10px;background:#fff;color:#8da3bf}.catalog-search input{height:36px;margin:0;padding:0;border:0;background:transparent;outline:0;box-shadow:none}.catalog-toolbar select{height:40px;width:140px;margin:0;background:#fff}.filter-button{height:40px;background:#3478f6;color:#fff;font-weight:700;padding:0 17px}.clear-filter{font-size:12px;color:#8398b4}.catalog-table-wrap{border:0;border-radius:0;margin:0}.catalog-table{min-width:880px}.catalog-table th,.catalog-table td{padding:16px 20px}.product-name b,.product-name small{display:block}.product-name b{color:#29466e}.product-name small{font-size:11px;color:#95a9c1;margin-top:2px}.admin-status.product-active{background:#e5f7ef;color:#2e9c78}.admin-status.product-inactive{background:#f0f3f7;color:#71849c}.admin-status.product-draft{background:#fff3df;color:#ce9146}.row-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.row-edit,.row-link,.row-danger{padding:0;background:transparent;border:0;font-size:12px;cursor:pointer}.row-edit{color:#2f6fd9}.row-link{color:#7187a3}.row-danger{color:#d46a6a}.product-form-card{max-width:1000px;margin:0 auto}.product-form-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.product-form-heading h1{font-size:30px;color:var(--ink);margin:6px 0 2px}.product-form-heading p{color:#91a6c2;margin:0}.secondary-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce6f2;border-radius:10px;padding:9px 15px;background:#fff;color:#56708f;font-size:13px;font-weight:700}.secondary-button:hover{background:#f6f9fd;border-color:#c8d8eb}.product-form-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.product-form-section{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:24px}.product-form-section h2{font-size:17px;color:var(--ink);margin:0}.product-form-section>p{font-size:12px;color:#94a8c0;margin:3px 0 18px}.product-form-section label{color:#496584}.product-form-section em{font-style:normal;color:#e26f75}.product-form-section input,.product-form-section textarea,.product-form-section select{margin-top:7px;background:#fbfcff}.product-form-section textarea{min-height:135px;resize:vertical}.product-form-section input:focus,.product-form-section textarea:focus,.product-form-section select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(52,120,246,.1);outline:0}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.product-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.product-form-actions .button{min-width:110px;text-align:center}
/* admin detail pages */
.admin-main>.section-head{margin:0 0 22px;padding:0 2px}.admin-main>.section-head h1{font-size:26px;color:var(--ink)}.admin-main>.section-head form{margin-left:auto}.admin-main>.table-wrap{box-shadow:var(--shadow);border:1px solid var(--line)}.admin-main>.table-wrap table{background:var(--surface)}.admin-main>.table-wrap th{background:#f8faff;color:#7890ae;font-size:12px;font-weight:700}.admin-main>.table-wrap td{color:#405a7c}.admin-main>.table-wrap tr:last-child td{border-bottom:0}.admin-main>.filter{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:13px;box-shadow:var(--shadow);align-items:center}.admin-main>.filter input,.admin-main>.filter select{background:#f8faff;border-color:#e4ebf4}.admin-main>.filter button{background:var(--primary);color:#fff;font-weight:700}.admin-main>.detail{max-width:900px;margin:0;padding:32px;border:1px solid var(--line);box-shadow:var(--shadow)}.admin-main>.detail h1{color:var(--ink);font-size:28px}.admin-main>.detail hr{border:0;border-top:1px solid var(--line);margin:26px 0}.admin-main>.detail form{background:#f8faff;border-radius:16px;padding:20px;margin-top:18px}.admin-main>.detail form h3{margin-top:0;color:var(--ink)}.admin-main>.detail form label{color:#496584}.admin-main>.detail form input,.admin-main>.detail form textarea{background:#fff}.admin-main>.detail form .button{margin-top:8px}.admin-main>.detail>p{color:#7188a5}.admin-main>.notice{max-width:900px}.admin-main .empty{box-shadow:var(--shadow);border:1px dashed #c8d8ea}.admin-main .delivery-callout a:hover{transform:translateY(-1px)}.delivery-edit-form,.delivery-revert-form{border:1px solid #e2ebf6!important;background:#fbfdff!important}.delivery-edit-form h3,.delivery-revert-form h3{font-size:16px}.delivery-revert-form{border-color:#f0d8d3!important;background:#fffaf9!important}.delivery-revert-form .secondary-button{color:#c66c63;border-color:#f0d8d3}.delivery-edit-form textarea,.delivery-revert-form textarea{min-height:90px}.delivery-edit-form input,.delivery-edit-form textarea,.delivery-revert-form textarea{font-size:13px}
@media(max-width:700px){.admin-login-body main{padding:25px 16px;min-height:calc(100vh - 143px)}.admin-login-body .form-card{padding:28px 23px}.admin-main>.section-head h1{font-size:23px}.admin-main>.filter{padding:10px}.admin-main>.detail{padding:22px 17px}.hero{min-height:0}.form-card{padding:24px 20px}}
/* multiple duration and price plans */
.plans-section{grid-column:1/-1}.plans-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.plans-heading h2{margin:0}.plans-heading p{margin-bottom:0!important}.plan-head,.plan-row{display:grid;grid-template-columns:minmax(130px,1.5fr) 130px 130px 110px 90px 32px;gap:10px;align-items:center}.plan-head{margin-top:18px;padding:0 10px;color:#8aa0bc;font-size:11px}.plan-row{padding:10px;border:1px solid #e4ebf4;border-radius:12px;background:#fbfdff;margin-top:8px}.plan-row input,.plan-row select{margin:0;padding:9px 10px}.plan-remove{padding:0;background:transparent;color:#d46a6a;font-size:22px;line-height:1}.plan-summary{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.plan-chip{display:inline-block;background:#edf4ff;color:#5276a6;border-radius:8px;padding:4px 9px;font-size:11px}.plan-chip b{color:#2f63bb}.plan-picker{margin:24px 0}.plan-picker h2{font-size:18px;margin-bottom:10px}.plan-option{display:flex;align-items:center;gap:12px;border:1px solid #e1e8f2;border-radius:13px;padding:13px 15px;margin:9px 0;cursor:pointer;background:#fff}.plan-option:has(input:checked){border-color:#4d87ee;background:#f1f6ff;box-shadow:0 0 0 3px #4d87ee18}.plan-option input{width:auto;margin:0}.plan-option span{flex:1}.plan-option b,.plan-option small{display:block}.plan-option small{color:#8297b2;font-weight:400}.plan-option strong{color:#275fbc}.selected-plan{display:flex;justify-content:space-between;align-items:center;background:#eef5ff;color:#315d99;border-radius:12px;padding:12px 15px;margin:18px 0}.selected-plan span{color:#7190b6;font-size:13px}.product-plans-summary{color:#54749c;line-height:1.9;font-size:11px}
@media(max-width:700px){.plan-head{display:none}.plan-row{grid-template-columns:1fr 1fr;gap:8px}.plan-row input[name*="name"],.plan-row select{grid-column:span 2}.plans-heading{align-items:stretch;flex-direction:column}.plans-heading .secondary-button{width:100%}.plan-option{padding:12px}.plans-section{padding:16px}}
/* purchase catalog inspired by the supplied reference */
body.products-page{background:#f3f7fd;color:#183354}body.products-page>nav{height:72px;background:#fff;box-shadow:0 1px 0 #e6edf7}body.products-page>main{max-width:none;padding:0;min-height:calc(100vh - 140px)}body.products-page>footer{background:#fff}.purchase-wrap{max-width:1170px;margin:0 auto;padding:31px 20px 72px}.purchase-breadcrumb{display:flex;gap:13px;align-items:center;color:#8ca2bd;font-size:12px;margin:3px 0 24px}.purchase-breadcrumb a{color:#7894b7}.purchase-breadcrumb strong{font-weight:500}.purchase-hero{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:35px}.purchase-hero h1{font-size:40px;line-height:1.2;letter-spacing:-1.5px;margin:8px 0 5px;color:#172f52}.purchase-hero p{margin:0;color:#8298b5;font-size:14px}.purchase-points{display:flex;gap:55px;margin-top:28px;color:#718bab;font-size:12px;font-weight:600}.purchase-notice{flex:none;background:#fff;border:1px solid #e3ebf6;border-radius:13px;padding:13px 19px;color:#6b84a6;font-size:12px;box-shadow:0 5px 18px #3d67910b}.purchase-notice i{font-style:normal;color:#2eb196;margin-right:9px}.purchase-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.purchase-heading h2{display:inline;margin:0 13px 0 0;font-size:23px;color:#1d385d}.purchase-heading>div>span{font-size:12px;color:#8ba0ba}.purchase-filter{display:flex;gap:0;background:#e9eff8;border-radius:11px;padding:4px;color:#8095b0;font-size:12px;font-weight:700}.purchase-filter>*{padding:8px 30px}.purchase-filter button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.purchase-filter button.is-active{background:#fff;color:#3478f6;border-radius:8px;box-shadow:0 2px 7px #4c77ae12}.purchase-card[hidden]{display:none!important}.purchase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.purchase-card{background:#fff;border:1px solid #e9eff7;border-radius:21px;padding:22px 22px 8px;box-shadow:0 14px 32px #4d709c12;min-width:0}.purchase-card-top{display:flex;align-items:center;justify-content:space-between}.purchase-icon{width:39px;height:39px;border-radius:12px;background:#edf4ff;color:#4d88f2;display:grid;place-items:center}.purchase-badge{background:#edf4ff;color:#3377e9;border-radius:18px;padding:6px 18px;font-size:11px;font-weight:700}.purchase-region{font-size:11px;color:#7595bc;font-weight:700;margin-top:14px}.purchase-card h2{font-size:23px;line-height:1.25;margin:3px 0;color:#1c3558}.purchase-description{height:24px;overflow:hidden;color:#8398b2;font-size:12px;margin:4px 0 15px}.purchase-specs{display:flex;gap:8px;flex-wrap:wrap}.purchase-specs span{background:#f1f5fb;border:1px solid #e8eef6;border-radius:9px;padding:7px 11px;color:#5d789d;font-size:11px}.purchase-plan-label{color:#7892b3;font-size:11px;margin:15px 0 6px}.purchase-plans{display:flex;gap:8px;flex-wrap:wrap}.purchase-plan{cursor:pointer;position:relative}.purchase-plan input{position:absolute;left:0;top:0;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}.purchase-plan span{display:block;border:1px solid #dce7f4;border-radius:9px;padding:6px 20px;color:#6884a8;font-size:12px;min-width:65px;text-align:center}.purchase-plan input:checked+span{border-color:#4b89f5;background:#f0f6ff;color:#3178ed;font-weight:700;box-shadow:0 0 0 1px #4b89f5}.purchase-footer{border-top:1px solid #edf1f7;margin-top:10px;padding:10px 0 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.purchase-price{font-size:30px;color:#21477e;letter-spacing:-.5px}.purchase-duration{font-size:12px;color:#8299b7;margin-left:9px}.purchase-button{background:#3479ef;color:#fff;border-radius:11px;padding:10px 24px;font-weight:700;min-width:137px;box-shadow:0 7px 15px #3479ef33}.purchase-button:hover{background:#286ce1;transform:translateY(-1px)}
@media(max-width:700px){body.products-page>nav{height:62px}body.products-page>nav .navlinks{gap:8px;font-size:12px}.purchase-wrap{padding:22px 16px 45px}.purchase-hero{display:block;margin-bottom:28px}.purchase-hero h1{font-size:31px}.purchase-points{gap:10px;justify-content:space-between;font-size:10px;margin-top:21px}.purchase-notice{margin-top:22px;text-align:center}.purchase-heading{align-items:flex-start;gap:15px;flex-direction:column}.purchase-filter{align-self:stretch;justify-content:space-between}.purchase-filter>*{flex:1;text-align:center;padding:8px 10px}.purchase-grid{grid-template-columns:1fr;gap:15px}.purchase-card{padding:18px 16px 8px}.purchase-card h2{font-size:21px}.purchase-footer{align-items:stretch;flex-direction:column}.purchase-button{width:100%;padding:12px}.purchase-price{font-size:28px}}
/* responsive purchase page refinements */
body.products-page,body.products-page *{min-width:0}body.products-page .purchase-wrap{width:100%;overflow:hidden}body.products-page .purchase-card h2,body.products-page .purchase-description,body.products-page .purchase-region{overflow-wrap:anywhere;word-break:break-word}body.products-page .purchase-hero>div:first-child{min-width:0}.purchase-points span{white-space:nowrap}.purchase-footer>div{min-width:0}.purchase-duration{white-space:normal}
@media(max-width:1100px){.purchase-wrap{padding-left:28px;padding-right:28px}.purchase-hero h1{font-size:36px}.purchase-points{gap:24px}.purchase-card{padding-left:18px;padding-right:18px}.purchase-plan span{padding-left:14px;padding-right:14px}}
@media(max-width:820px){body.products-page>nav{padding-left:24px;padding-right:24px}.purchase-wrap{padding-left:22px;padding-right:22px}.purchase-hero{align-items:flex-start;flex-direction:column;gap:20px}.purchase-notice{align-self:stretch;text-align:center}.purchase-heading{align-items:flex-start;gap:14px;flex-direction:column}.purchase-filter{align-self:stretch;justify-content:space-between}.purchase-filter>*{flex:1;text-align:center}.purchase-grid{grid-template-columns:1fr;max-width:680px;margin-left:auto;margin-right:auto}.purchase-card{width:100%}}
@media(max-width:600px){body.products-page>nav{padding-left:16px;padding-right:16px}.products-page>nav .navlinks a:not(:first-child){display:none}.products-page>nav .navlinks{margin-left:auto}.purchase-wrap{padding:18px 14px 38px}.purchase-breadcrumb{margin-bottom:20px}.purchase-hero h1{font-size:30px;letter-spacing:-.8px}.purchase-hero p{font-size:13px}.purchase-points{display:grid;grid-template-columns:1fr;gap:7px;margin-top:19px}.purchase-notice{font-size:11px;padding:12px 10px}.purchase-heading h2{font-size:21px}.purchase-heading>div:first-child{width:100%}.purchase-filter{width:100%}.purchase-card{border-radius:17px;padding:17px 14px 8px}.purchase-card-top{gap:10px}.purchase-badge{padding-left:12px;padding-right:12px}.purchase-specs{gap:6px}.purchase-specs span{padding:6px 8px}.purchase-plans{gap:6px}.purchase-plan{flex:1;min-width:0}.purchase-plan span{padding-left:7px;padding-right:7px;width:100%}.purchase-footer{gap:12px}.purchase-footer>div{display:flex;align-items:baseline}.purchase-button{min-width:0}.purchase-price{font-size:27px}}
@media(max-width:430px){body.products-page>nav .brand{font-size:18px}.purchase-hero h1{font-size:27px}.purchase-card h2{font-size:20px}.purchase-region{max-width:100%}.purchase-specs span{font-size:10px}.purchase-plan span{font-size:11px}.purchase-price{font-size:25px}}
@media(max-width:340px){.purchase-wrap{padding-left:10px;padding-right:10px}.purchase-card{padding-left:11px;padding-right:11px}.purchase-badge{font-size:10px;padding-left:8px;padding-right:8px}.purchase-plan span{font-size:10px}.purchase-filter>*{padding-left:5px;padding-right:5px}}

/* 套餐订购页科技玻璃风增强 */
body.products-page{background:radial-gradient(circle at 82% 9%,#dcecff 0,#edf5ff 28%,#f7fbff 70%,#fff 100%);overflow-x:hidden}
body.products-page>nav{width:min(1200px,calc(100% - 32px));height:62px;margin:14px auto 0;padding:0 28px;border:1px solid rgba(255,255,255,.9);border-radius:19px;background:rgba(255,255,255,.74);box-shadow:0 12px 35px rgba(53,105,174,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:12px;z-index:5}
body.products-page>nav .brand{color:#102e57}body.products-page>nav .navlinks{gap:24px}body.products-page>nav .navlinks a,body.products-page>nav .navlinks button{color:#4b6384;font-weight:700}body.products-page>nav .navlinks a:hover{color:#1769e5}
.purchase-wrap{max-width:1200px;padding:42px 16px 70px}.purchase-breadcrumb{display:none}.purchase-hero{position:relative;min-height:225px;padding:18px 0 10px;align-items:start}.purchase-hero:after{content:"◎";position:absolute;right:2%;top:-42px;color:#cfe5ff55;font-size:280px;line-height:1;pointer-events:none}.purchase-hero>div:first-child{position:relative;z-index:1}.purchase-hero h1{font-size:clamp(42px,5vw,62px);letter-spacing:-2.5px;color:#132f57;margin:12px 0 4px}.purchase-hero p{font-size:16px;color:#738bad}.purchase-points{gap:35px;margin-top:25px}.purchase-points span{display:flex;align-items:center;gap:7px}.purchase-points span:before{content:"✓";display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e6f0ff;color:#2875ed;font-weight:800}.purchase-notice{position:relative;z-index:1;border-radius:22px;padding:13px 20px;background:rgba(255,255,255,.8);box-shadow:0 10px 28px rgba(53,105,174,.12);backdrop-filter:blur(14px)}.purchase-notice i{color:#20b478}
.purchase-heading{margin:4px 0 18px}.purchase-heading h2{font-size:26px}.purchase-heading>div:first-child{display:flex;align-items:baseline}.purchase-filter{border:1px solid #d6e5f7;background:rgba(255,255,255,.55);box-shadow:0 5px 16px rgba(53,105,174,.07)}.purchase-grid{gap:18px}.purchase-card{position:relative;padding:22px 26px 18px;border:1px solid rgba(255,255,255,.95);border-radius:21px;background:rgba(255,255,255,.82);box-shadow:0 16px 38px rgba(53,105,174,.12);backdrop-filter:blur(13px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.purchase-card:hover{transform:translateY(-4px);box-shadow:0 21px 45px rgba(53,105,174,.18)}.purchase-card:nth-child(2){border-color:#4d8df4;box-shadow:0 18px 42px rgba(52,120,246,.18)}.purchase-icon{width:46px;height:46px;border-radius:14px;background:#e8f2ff;color:#3984f4;font-size:22px}.purchase-badge{padding:7px 15px;border-radius:18px}.purchase-card:nth-child(2) .purchase-badge{background:#347cf2;color:#fff}.purchase-region{font-size:12px;margin-top:14px}.purchase-card h2{font-size:24px;margin:3px 0}.purchase-description{font-size:13px;height:26px}.purchase-specs{gap:10px;margin:17px 0}.purchase-specs span{padding:9px 13px;border-radius:10px;background:#f4f7fb}.purchase-plan-label{font-size:12px;font-weight:700;color:#496789;margin:18px 0 8px}.purchase-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.purchase-plan span{padding:10px 8px;font-size:13px;border-radius:11px}.purchase-plan input:focus-visible+span{outline:3px solid rgba(52,120,246,.22);outline-offset:2px}.purchase-footer{margin-top:15px;padding-top:15px}.purchase-price{font-size:33px;color:#123d80}.purchase-button{font-size:14px;padding:12px 24px;border-radius:12px}
.purchase-steps,.purchase-faq{margin-top:24px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:rgba(255,255,255,.76);box-shadow:0 14px 34px rgba(53,105,174,.1);backdrop-filter:blur(13px)}.purchase-steps{display:flex;align-items:center;gap:22px;padding:20px 30px}.purchase-steps-intro{min-width:180px}.purchase-steps-intro h2,.purchase-faq h2{font-size:23px;color:#19375e;margin:3px 0}.purchase-steps-intro p,.purchase-faq-heading p{color:#8499b5;font-size:12px;margin:0}.purchase-step{display:flex;align-items:center;gap:11px;flex:1}.purchase-step i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e6f1ff;color:#2c78ee;font-style:normal;font-weight:800;box-shadow:0 0 0 7px #f0f6ff}.purchase-step b,.purchase-step small{display:block}.purchase-step b{color:#315275;font-size:13px}.purchase-step small{color:#8ca0b8;font-size:10px;margin-top:2px}.purchase-steps>em{font-size:28px;color:#9eb2cb;font-style:normal}.purchase-faq{padding:23px 30px}.purchase-faq-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.purchase-faq-heading>div{display:flex;align-items:baseline;gap:13px}.purchase-faq-heading h2{margin:0}.purchase-faq-heading .eyebrow{font-size:10px}.purchase-faq-heading a{padding:8px 13px;border-radius:16px;background:#edf4ff;color:#2874e8;font-size:11px;font-weight:700}.purchase-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.purchase-faq details{border:1px solid #dfebf7;border-radius:12px;background:rgba(255,255,255,.7);padding:12px 16px}.purchase-faq summary{cursor:pointer;color:#385778;font-size:12px;font-weight:700}.purchase-faq summary::marker{color:#6b8bb2}.purchase-faq details p{color:#8097b4;font-size:11px;line-height:1.7;margin:8px 0 0}
.purchase-empty{grid-column:1/-1;padding:52px;text-align:center;border:1px dashed #bfd4eb;border-radius:20px;background:rgba(255,255,255,.6);color:#6682a4}.purchase-empty b,.purchase-empty span{display:block}.purchase-empty span{font-size:12px;color:#99abc0;margin-top:5px}
@media(max-width:900px){body.products-page>nav{width:calc(100% - 24px);padding:0 18px}.purchase-hero{padding-top:25px}.purchase-steps{gap:14px;padding:18px}.purchase-steps-intro{min-width:145px}.purchase-step small{font-size:9px}}
@media(max-width:820px){.purchase-hero{display:block;min-height:0}.purchase-notice{display:inline-block;margin-top:20px}.purchase-grid{grid-template-columns:1fr}.purchase-card:nth-child(2){border-color:rgba(255,255,255,.95)}.purchase-steps{display:grid;grid-template-columns:1fr 1fr}.purchase-steps-intro{grid-column:1/-1}.purchase-steps>em{display:none}}
@media(max-width:600px){body.products-page>nav{width:calc(100% - 20px);height:58px;padding:0 14px;margin-top:10px}.products-page>nav .navlinks{gap:8px}.purchase-wrap{padding:30px 12px 45px}.purchase-hero h1{font-size:34px;letter-spacing:-1px}.purchase-hero p{font-size:14px}.purchase-points{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px}.purchase-heading{align-items:flex-start;gap:12px;flex-direction:column}.purchase-heading>div:first-child{width:100%}.purchase-filter{width:100%;justify-content:space-between}.purchase-filter>*{flex:1;padding:8px 10px}.purchase-card{padding:19px 16px 14px}.purchase-plans{gap:6px}.purchase-plan span{padding:9px 5px}.purchase-footer{align-items:center}.purchase-button{min-width:130px}.purchase-steps{grid-template-columns:1fr;padding:18px}.purchase-step{padding:6px 0}.purchase-faq{padding:20px 16px}.purchase-faq-heading{align-items:flex-start;gap:10px;flex-direction:column}.purchase-faq-heading>div{gap:8px}.purchase-faq-grid{grid-template-columns:1fr}}
@media(max-width:430px){.purchase-wrap{padding-left:10px;padding-right:10px}.purchase-hero h1{font-size:30px}.purchase-card h2{font-size:21px}.purchase-specs{gap:6px}.purchase-specs span{padding:7px 8px;font-size:10px}.purchase-price{font-size:28px}.purchase-button{padding:10px 13px;min-width:116px}.purchase-plan span{font-size:11px}}

/* home page inspired by the supplied reference */
body.home-page{background:linear-gradient(180deg,#eaf3ff 0%,#f7fbff 76%);color:#18345a}body.home-page>nav{height:70px;background:rgba(255,255,255,.88);padding-left:max(22px,calc((100% - 1100px)/2));padding-right:max(22px,calc((100% - 1100px)/2))}.home-page .brand{display:flex;align-items:center;gap:9px;font-size:20px}.brand-shield{width:28px;height:32px;display:grid;place-items:center;border:3px solid #347cf1;border-radius:9px;color:#347cf1;font-size:20px;line-height:1}.home-page .navlinks{gap:29px;font-size:13px;font-weight:700;color:#526a8c}.home-page .navlinks a{color:#526a8c;position:relative}.home-page .navlinks .home-nav-active{color:#1764df}.home-page .navlinks .home-nav-active:after{content:"";position:absolute;left:50%;bottom:-17px;width:18px;height:3px;border-radius:3px;background:#2875ee;transform:translateX(-50%)}.home-page .navlinks .pill{background:#2671eb;color:#fff;padding:9px 25px;border-radius:10px}.home-page>main{max-width:none;padding:0;min-height:calc(100vh - 145px)}.home-page>footer{background:rgba(255,255,255,.8)}.home-wrap{max-width:1150px;margin:0 auto;padding:0 20px 50px}.home-hero{min-height:430px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:20px;position:relative}.home-hero-copy{position:relative;z-index:1}.home-kicker,.home-label{display:inline-block;color:#2778ed;background:#eef5ff;border:1px solid #d8e8ff;border-radius:18px;padding:5px 13px;font-weight:800;font-size:11px}.home-hero h1{font-size:51px;line-height:1.18;letter-spacing:-2px;margin:14px 0 13px;color:#17345d}.home-hero-copy>p{color:#6e86a7;line-height:1.8;font-size:14px;margin:0}.home-hero-actions{display:flex;gap:13px;align-items:center;margin-top:20px}.home-hero-actions .button{padding:13px 24px;border-radius:12px}.home-secondary-button{display:inline-block;background:#fff;color:#2e6fd8;border:1px solid #dce9fa;padding:12px 21px;border-radius:12px;font-weight:700;box-shadow:0 7px 18px #5482bc12}.home-trust{display:flex;gap:26px;margin-top:25px}.home-trust>span{display:flex;align-items:center;gap:8px}.home-trust b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#347cf1;font-size:21px;box-shadow:0 3px 12px #5082bd20}.home-trust strong{font-size:11px;color:#315277}.home-trust small{display:block;color:#8ca2be;font-size:10px;font-weight:400}.home-network{height:380px;position:relative;display:grid;place-items:center}.home-globe{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#8ac4ff,#2375e9 62%,#1250b8);color:#dff0ff;font-size:105px;box-shadow:0 0 0 18px #d8ebff88,0 20px 50px #3784ed66;position:relative;z-index:1}.home-globe span{position:absolute;font-size:14px;letter-spacing:3px;color:#fff}.home-orbit{position:absolute;width:450px;height:150px;border:2px solid #9bc9ff99;border-radius:50%;transform:rotate(-20deg)}.orbit-two{width:390px;height:250px;transform:rotate(48deg);border-color:#fff}.home-float{position:absolute;background:#ffffffdd;border:1px solid #dcecff;border-radius:15px;padding:11px 15px;color:#254d80;font-size:12px;font-weight:800;box-shadow:0 11px 25px #4a83c622;z-index:2}.home-float small{display:block;color:#8299b7;font-weight:400;margin-top:3px}.home-float-one{top:48px;left:13%}.home-float-two{top:77px;right:0}.home-float-three{bottom:48px;right:6%}.home-feature-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:16px}.home-benefit-card,.home-plans-panel,.home-articles{background:#ffffffcc;border:1px solid #e1edf9;border-radius:20px;box-shadow:0 12px 30px #4c7da817}.home-benefit-card{padding:25px 28px;position:relative;overflow:hidden}.home-benefit-card:after{content:"◎";position:absolute;right:35px;top:45px;font-size:130px;color:#d9ebff55}.home-benefit-card h2{font-size:29px;margin:11px 0 4px;color:#19385f}.home-benefit-card time{color:#7189aa;font-size:14px}.home-benefit-card p{max-width:350px;color:#758dab;font-size:13px;line-height:1.8;position:relative;z-index:1}.home-benefit-card .button{position:relative;z-index:1;margin-top:7px}.home-benefit-card>small{color:#8da1ba;margin-left:15px;font-size:10px}.home-plans-panel{padding:20px}.home-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.home-section-heading h2{display:inline;margin:0 12px 0 0;font-size:21px;color:#19375e}.home-section-heading span{font-size:11px;color:#8297b3}.home-section-heading>a{white-space:nowrap;font-size:11px;font-weight:700;color:#2b72e1}.home-plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-plan-card{background:#fff;border:1px solid #e2ebf6;border-radius:16px;padding:16px;position:relative;min-width:0}.home-plan-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#eef5ff;color:#4e8cf2}.home-plan-region{display:block;color:#5080c1;font-size:10px;font-weight:700;margin-top:10px}.home-plan-card h3{font-size:18px;color:#1c3c67;margin:2px 0}.home-plan-card p{height:38px;overflow:hidden;color:#8196b0;font-size:10px;margin:2px 0 8px}.home-plan-meta{display:flex;gap:6px;flex-wrap:wrap}.home-plan-meta span{background:#f1f6fc;color:#6885a9;padding:4px 7px;border-radius:6px;font-size:9px}.home-plan-price{display:block;color:#1e60c5;font-size:23px;margin-top:10px}.home-plan-price small{font-size:10px}.home-plan-card>a{display:block;text-align:center;background:#eaf2ff;border-radius:9px;color:#2268d7;font-size:11px;font-weight:700;padding:6px;margin-top:8px}.home-articles{margin-top:25px;padding:20px}.home-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-article-grid article{background:#fff;border:1px solid #e1ebf5;border-radius:16px;padding:14px;display:flex;gap:13px;min-width:0}.article-art{width:115px;min-width:115px;height:108px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:37px;background:linear-gradient(145deg,#77b2fa,#dcecff)}.art-guide{background:linear-gradient(145deg,#3c88e8,#cde4ff)}.art-help{background:linear-gradient(145deg,#7eb8fa,#c6ddff)}.home-article-grid article>div:last-child{min-width:0}.home-article-link{display:flex;gap:13px;width:100%;color:inherit}.home-article-link:hover h3{color:#3478ed}.home-article-grid article span{display:inline-block;background:#eaf3ff;color:#3379e8;border-radius:10px;padding:3px 8px;font-size:9px}.home-article-grid h3{font-size:15px;color:#214064;margin:6px 0}.home-article-grid p{color:#8298b3;font-size:10px;line-height:1.6;margin:0 0 7px}.home-article-grid small{color:#8095b1;font-size:9px}
@media(max-width:900px){.home-page .navlinks{gap:15px}.home-hero{grid-template-columns:1fr;min-height:0;padding:55px 0 25px}.home-network{height:300px}.home-feature-grid{grid-template-columns:1fr}.home-article-grid{grid-template-columns:1fr 1fr}.home-article-grid article:last-child{grid-column:1/-1}}
@media(max-width:700px){.home-page>nav{height:62px;padding-left:16px;padding-right:16px}.home-page .navlinks{gap:8px;font-size:12px}.home-page .navlinks a:nth-child(n+2):not(.pill){display:none}.home-page .navlinks .home-nav-active:after{bottom:-13px}.home-wrap{padding:0 14px 35px}.home-hero{padding-top:35px}.home-hero h1{font-size:39px;letter-spacing:-1px}.home-hero-copy>p{font-size:13px}.home-desktop{display:none}.home-hero-actions{flex-direction:column;align-items:stretch}.home-hero-actions>*{text-align:center}.home-trust{gap:10px;justify-content:space-between}.home-trust>span{gap:5px}.home-trust strong{font-size:10px}.home-trust small{font-size:9px}.home-network{height:265px}.home-globe{width:155px;height:155px;font-size:75px}.home-orbit{width:340px;height:115px}.home-float{font-size:9px;padding:8px 10px}.home-float-one{left:0;top:25px}.home-float-two{right:0;top:45px}.home-float-three{right:0;bottom:25px}.home-section-heading{align-items:flex-start;flex-direction:column;gap:7px}.home-plans-grid,.home-article-grid{grid-template-columns:1fr}.home-article-grid article:last-child{grid-column:auto}.home-plan-card{padding:14px}.home-benefit-card{padding:20px}.home-benefit-card>small{display:block;margin:10px 0 0}.home-articles{padding:16px}}
@media(max-width:480px){.home-page .brand{font-size:18px}.brand-shield{width:24px;height:28px}.home-hero h1{font-size:34px}.home-trust{align-items:flex-start}.home-trust>span{display:block;text-align:center}.home-trust b{margin:auto}.home-network{height:230px}.home-globe{width:130px;height:130px;font-size:62px}.home-orbit{width:280px;height:95px}.home-float{font-size:8px}.home-float small{font-size:8px}.home-benefit-card h2{font-size:25px}.home-benefit-card .button{width:100%;text-align:center}.home-plan-card h3{font-size:17px}}
/* article publishing */
.article-page-wrap{max-width:1120px;margin:0 auto;padding:52px 20px;min-height:calc(100vh - 170px)}.article-page-heading{text-align:center;margin-bottom:30px}.article-page-heading h1{font-size:36px;color:#19375e;margin:8px 0}.article-page-heading p{color:#8398b3}.article-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-list-card{display:flex;gap:18px;background:#fff;border:1px solid #e2ebf5;border-radius:18px;padding:16px;box-shadow:var(--shadow);min-width:0}.article-cover{width:150px;min-width:150px;height:145px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:54px;font-weight:800;background:linear-gradient(145deg,#4895ef,#d6eaff)}.article-cover-purple{background:linear-gradient(145deg,#8c78e8,#e1d9ff)}.article-cover-orange{background:linear-gradient(145deg,#f0a047,#ffe1b5)}.article-list-card>div:last-child{min-width:0}.article-category{display:inline-block;background:#eaf3ff;color:#3179e6;border-radius:10px;padding:3px 9px;font-size:10px}.article-list-card h2{font-size:19px;color:#203e64;margin:8px 0}.article-list-card h2 a{color:inherit}.article-list-card h2 a:hover{color:#3478ed}.article-list-card p{color:#8197b2;font-size:12px;line-height:1.7;margin:0 0 8px}.article-list-card small{display:block;color:#91a4bb;font-size:10px}.article-list-card a{display:inline-block;margin-top:8px;font-size:11px;font-weight:700}.article-detail-page{max-width:820px;margin:45px auto 70px;background:#fff;border:1px solid #e1eaf5;border-radius:20px;padding:40px;box-shadow:var(--shadow)}.article-detail-page h1{font-size:34px;color:#19375e;margin:12px 0}.article-detail-meta{color:#91a4bb;font-size:12px}.article-detail-summary{padding:15px 18px;border-left:4px solid #4a8bf1;background:#f3f7fd;color:#617d9f}.article-detail-content{border-top:1px solid #edf2f8;margin-top:25px;padding-top:25px;color:#405d80;line-height:2;overflow-wrap:anywhere}.article-form-card{max-width:1100px}.article-content-input{min-height:300px;line-height:1.8}.admin-status.article-published{background:#e5f7ef;color:#2e9c78}.admin-status.article-draft{background:#eef3ff;color:#5574be}.admin-status.article-offline{background:#f0f3f7;color:#71849c}.article-admin-table{min-width:900px}.download-admin-table{min-width:1050px}.download-source-cell{max-width:300px;overflow-wrap:anywhere;color:#7890ad!important;font-size:11px}.field-help{display:block;color:#8da2bb;font-size:11px;font-weight:400;margin-top:5px}.home-article-grid article>a{display:block;color:#3478ed;font-size:10px;margin-top:4px;font-weight:700}.home-article-link>div:last-child{flex:1;min-width:0}
@media(max-width:700px){.article-list-grid{grid-template-columns:1fr}.article-list-card{gap:12px;padding:12px}.article-cover{width:105px;min-width:105px;height:115px;font-size:38px}.article-list-card h2{font-size:16px}.article-detail-page{margin:22px 14px 45px;padding:24px 18px}.article-detail-page h1{font-size:27px}.article-page-wrap{padding:35px 14px}.article-page-heading h1{font-size:30px}.article-form-card{margin:0}.article-content-input{min-height:240px}}
/* proxy client downloads */
body.downloads-page{background:#f3f7fd}body.downloads-page>main{max-width:none;padding:0;min-height:calc(100vh - 145px)}.downloads-wrap{max-width:1120px;margin:0 auto;padding:52px 20px 70px}.downloads-heading{text-align:center}.downloads-heading h1{font-size:38px;color:#19375e;margin:8px 0}.downloads-heading p{color:#8298b3}.download-notice{max-width:760px;margin:25px auto;background:#fff;border:1px solid #deebf8;border-radius:13px;padding:13px 18px;text-align:center;color:#7188a8;font-size:12px}.download-notice b{color:#3479e8}.download-filters{display:flex;justify-content:center;gap:8px;margin:28px 0}.download-filter{border:1px solid #dce8f6;background:#fff;color:#6682a5;padding:9px 22px;border-radius:10px;font-weight:700;font-size:12px}.download-filter.is-active{background:#3479ed;color:#fff;border-color:#3479ed}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.download-app-card{background:#fff;border:1px solid #e1ebf6;border-radius:18px;padding:20px;box-shadow:var(--shadow);min-width:0}.download-app-head{display:flex;align-items:center;gap:12px}.download-app-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#347cf1,#a9d0ff);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800}.download-app-head h2{margin:0;color:#1f3d65;font-size:20px}.download-app-head span{color:#8aa0ba;font-size:10px}.download-project{margin-left:auto;font-size:11px;white-space:nowrap}.download-description{height:42px;color:#7d93af;font-size:12px;margin:15px 0 8px;overflow:hidden}.download-resource{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #edf2f8}.download-resource[hidden],.download-app-card[hidden]{display:none}.download-resource b,.download-resource small{display:block}.download-resource b{font-size:13px;color:#3a597c}.download-resource small{font-size:10px;color:#91a5bc}.download-button{background:#eaf3ff;color:#2872df;border-radius:8px;padding:7px 11px;font-size:11px;font-weight:700;white-space:nowrap}.download-disabled{color:#a3b1c2;font-size:11px;white-space:nowrap}
@media(max-width:700px){.downloads-wrap{padding:35px 14px 45px}.downloads-heading h1{font-size:31px}.download-filters{overflow:auto;justify-content:flex-start;padding-bottom:3px}.download-filter{white-space:nowrap;padding-left:16px;padding-right:16px}.download-grid{grid-template-columns:1fr}.download-app-card{padding:16px}.download-app-head{align-items:flex-start}.download-project{font-size:10px}.download-description{height:auto;max-height:42px}}
@media(max-width:430px){.download-app-head h2{font-size:18px}.download-project{font-size:0}.download-project:after{content:"↗";font-size:16px}.download-resource{align-items:flex-start}.download-button{padding:7px 8px}}
/* order detail */
.temporary-subscription{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:20px 24px;border:1px solid #bfe3d1;border-radius:18px;background:#f4fbf7;box-shadow:var(--shadow)}.temporary-subscription h2{font-size:18px;color:#236b53;margin:3px 0}.temporary-subscription p{font-size:11px;color:#6e927f;margin:0}.temporary-link-row{display:flex;align-items:center;gap:8px;max-width:52%}.temporary-link-row code{padding:8px 10px;border-radius:8px;background:#fff;color:#317c62;word-break:break-all;font-size:11px}.temporary-revoked{border-color:#e7dfe0;background:#faf7f7}.temporary-revoked h2,.temporary-revoked p{color:#8d777a}.temporary-revoked-label{padding:6px 10px;border-radius:8px;background:#f4e7e7;color:#c56d6d;font-size:11px;font-weight:800;white-space:nowrap}.order-countdown{display:inline-flex;flex-direction:column;gap:2px;min-width:108px;padding:6px 10px;border-radius:9px;white-space:nowrap}.order-countdown b{font-size:12px;line-height:1.3}.order-countdown small{font-size:9px;line-height:1.3;opacity:.78}.order-countdown-active{background:#e8f7f0;color:#278866}.order-countdown-warning{background:#fff4e5;color:#c47a23}.order-countdown-expired{background:#fff0ed;color:#cb5e53}.order-countdown-pending{background:#f1f4f8;color:#8293a8}.order-detail-page{max-width:920px;margin:0 auto;padding:30px 20px 70px}.order-back-link{display:inline-block;color:#7893b3;font-size:12px;margin:0 0 16px}.order-detail-card,.order-actions-card,.order-timeline-card,.order-delivery-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.order-detail-header{display:flex;align-items:center;gap:15px;padding:28px 30px 24px;background:linear-gradient(135deg,#f4f8ff,#fff)}.order-header-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,#347cf1,#81b0ff);color:#fff;font-size:25px;box-shadow:0 8px 18px #3479ef33}.order-header-copy{flex:1;min-width:0}.order-header-copy h1{font-size:28px;color:var(--ink);line-height:1.25;margin:7px 0 4px;overflow-wrap:anywhere}.order-header-copy p{font-size:11px;color:#94a8c0;margin:0}.order-status-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;font-size:12px;font-weight:800;white-space:nowrap;background:#edf3ff;color:#4d72bd}.order-status-badge i{width:7px;height:7px;border-radius:50%;background:currentColor}.order-status-pending_delivery{background:#fff4e5;color:#d38e39}.order-status-delivered{background:#e7f7f0;color:#39a27d}.order-status-cancelled{background:#f0f3f7;color:#8796a8}.order-status-refunding{background:#fff0e9;color:#dc8155}.order-status-refunded{background:#e8f7f1;color:#319a74}.order-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8}.order-summary-grid>div{padding:20px 25px;border-right:1px solid #edf2f8}.order-summary-grid>div:last-child{border-right:0}.order-summary-grid span,.order-summary-grid b,.order-summary-grid small{display:block}.order-summary-grid span{font-size:11px;color:#91a6c0;margin-bottom:7px}.order-summary-grid b{color:#3b587d;font-size:15px}.order-summary-grid small{font-size:10px;color:#9aacc0;margin-top:3px}.order-summary-grid .order-amount{font-size:22px;color:#286bd6}.order-summary-grid .order-number{font-size:11px;overflow-wrap:anywhere}.order-payment-note{display:flex;align-items:center;gap:10px;padding:14px 25px;background:#fbfcff;color:#7890ad}.order-payment-note span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#eaf2ff;color:#3478f6}.order-payment-note p{font-size:11px;margin:0}.order-actions-card,.order-timeline-card,.order-delivery-card{margin-top:18px;padding:23px 25px}.order-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.order-section-label{display:block;color:#6e8db5;font-size:10px;font-weight:800;letter-spacing:1px}.order-section-heading h2{font-size:19px;color:var(--ink);margin:3px 0 0}.order-action-tip{font-size:10px;color:#9bacc0}.order-actions-card form{display:inline-block;vertical-align:top;width:calc(50% - 8px);margin:0 12px 0 0;padding:15px;background:#fbfcff;border:1px solid #edf2f8;border-radius:13px}.order-actions-card form:last-child{margin-right:0}.order-actions-card label{font-size:12px;color:#587291;margin-top:0}.order-actions-card textarea{min-height:74px;background:#fff}.order-actions-card .secondary-button{font-size:12px;color:#c56d63;border-color:#f0d9d5;background:#fff8f7}.order-actions-card .secondary-button:hover{background:#fff1ef}.order-timeline-card{padding:0}.order-timeline-card .order-timeline{margin:0;padding:23px 25px;border:0}.order-timeline-card .order-timeline h2{margin-top:0}.order-delivery-card{border-color:#bde6d0}.order-delivery-card .order-section-heading{padding-bottom:14px;border-bottom:1px solid #e4f3ea}.delivery-safe{padding:5px 9px;background:#e6f7ef;color:#319b76;border-radius:7px;font-size:10px;font-weight:700}.order-delivery-body{padding-top:3px}.order-delivery-body p{color:#587496;font-size:12px;padding:9px 0;margin:0;border-bottom:1px solid #edf5f0}.order-delivery-body p:last-child{border-bottom:0}.order-delivery-body code{display:inline-block;max-width:100%;padding:5px 8px;border-radius:6px;background:#f1faf5;color:#327a61;word-break:break-all}.subscription-row{display:flex!important;align-items:flex-start;gap:8px}.subscription-value{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:0}.subscription-value code{flex:1}.copy-subscription{flex:0 0 auto;padding:5px 10px;border:1px solid #bfe4d1;border-radius:7px;background:#fff;color:#318c6c;font-size:11px}.copy-subscription:hover{background:#e7f7ef}.order-delivery-body h2{display:none}
@media(max-width:700px){.temporary-subscription{align-items:stretch;flex-direction:column;padding:17px}.temporary-link-row{max-width:none}.temporary-link-row code{flex:1}.order-detail-page{padding:22px 14px 45px}.order-detail-header{align-items:flex-start;flex-wrap:wrap;padding:21px 18px}.order-header-icon{width:42px;height:42px;font-size:20px}.order-header-copy{width:calc(100% - 58px)}.order-header-copy h1{font-size:22px}.order-status-badge{margin-left:57px}.order-summary-grid{grid-template-columns:1fr 1fr}.order-summary-grid>div{padding:15px 16px}.order-summary-grid>div:nth-child(2){border-right:0}.order-summary-grid>div:last-child{grid-column:1/-1;border-top:1px solid #edf2f8;border-right:0}.order-payment-note{align-items:flex-start;padding:13px 16px}.order-actions-card,.order-timeline-card,.order-delivery-card{padding:18px 16px}.order-section-heading{align-items:flex-start;flex-direction:column;gap:5px}.order-actions-card form{display:block;width:100%;margin:0 0 10px}.order-actions-card form:last-child{margin-bottom:0}.order-timeline-card .order-timeline{padding:0}.order-delivery-card .order-section-heading{flex-direction:row;align-items:center}}

/* 首页科技玻璃风增强 */
body.home-page{background:radial-gradient(circle at 72% 8%,#dcecff 0,#eef6ff 30%,#f8fbff 72%,#fff 100%);overflow-x:hidden}
body.home-page>nav{width:min(1200px,calc(100% - 32px));height:62px;margin:14px auto 0;padding:0 28px;border:1px solid rgba(255,255,255,.88);border-radius:19px;background:rgba(255,255,255,.7);box-shadow:0 12px 35px rgba(53,105,174,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:12px}
.home-page .brand{font-size:20px;color:#102e57}.home-page .navlinks{gap:24px}.home-page .navlinks a,.home-page .navlinks button{color:#4b6384;font-weight:700}.home-page .navlinks a:hover,.home-page .navlinks button:hover{color:#1769e5}.home-page .navlinks .home-nav-active:after{bottom:-14px}
.home-wrap{max-width:1200px;padding:0 16px 58px}.home-hero{min-height:455px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:26px}.home-hero h1{font-size:clamp(44px,5vw,66px);letter-spacing:-3px;line-height:1.08}.home-hero h1::first-line{color:#12345f}.home-hero-copy>p{max-width:520px;font-size:15px}.home-hero-actions{margin-top:24px}.home-hero-actions .button{min-width:164px;text-align:center}.home-secondary-button{min-width:175px;text-align:center}.home-network{height:405px}.home-network:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#d9ebff99 0,#d9ebff44 42%,transparent 70%);filter:blur(2px)}.home-globe{width:230px;height:230px;border:12px solid rgba(255,255,255,.5);box-shadow:0 0 0 20px rgba(168,211,255,.22),0 22px 65px rgba(37,116,232,.32),inset 0 0 25px rgba(255,255,255,.35);font-size:112px}.home-orbit{width:490px;height:165px}.home-float{border-radius:16px;padding:12px 17px;background:rgba(255,255,255,.78);box-shadow:0 15px 32px rgba(50,112,184,.16);backdrop-filter:blur(12px)}
.home-trust{margin:0 0 26px;padding:13px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:rgba(255,255,255,.7);box-shadow:0 12px 30px rgba(68,114,168,.1);backdrop-filter:blur(13px)}.home-trust>span{padding:3px 24px;border-right:1px solid #d7e5f4}.home-trust>span:last-child{border-right:0}.home-trust b{width:36px;height:36px;background:#eaf3ff}
.home-feature-grid{gap:20px}.home-benefit-card,.home-plans-panel,.home-articles{border-radius:23px;background:rgba(255,255,255,.76);box-shadow:0 16px 40px rgba(57,104,161,.1);backdrop-filter:blur(12px)}.home-benefit-card{padding:29px 32px;min-height:265px}.home-benefit-card:after{font-size:170px;right:45px;top:38px}.home-benefit-card h2{font-size:31px}.home-plans-panel{padding:24px}.home-section-heading h2{font-size:23px}.home-plan-card{padding:18px;border-radius:18px;transition:transform .2s ease,box-shadow .2s ease}.home-plan-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(54,111,184,.14)}.home-plan-price{font-size:26px}.home-articles{padding:22px;margin-top:22px}.home-article-grid article{border-radius:18px;transition:transform .2s ease,box-shadow .2s ease}.home-article-grid article:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(54,111,184,.12)}
@media(max-width:900px){body.home-page>nav{width:calc(100% - 24px);padding:0 18px}.home-hero{grid-template-columns:1fr;padding-top:42px}.home-network{height:330px}.home-trust{grid-template-columns:repeat(3,1fr);padding:12px 10px}.home-trust>span{padding:3px 10px}.home-benefit-card{min-height:0}}
@media(max-width:700px){body.home-page>nav{width:calc(100% - 20px);margin-top:10px;padding:0 14px}.home-page .navlinks{gap:8px}.home-wrap{padding-left:12px;padding-right:12px}.home-hero{padding-top:30px}.home-hero h1{font-size:39px;letter-spacing:-1.5px}.home-network{height:285px}.home-globe{width:170px;height:170px;font-size:82px}.home-network:before{width:270px;height:270px}.home-orbit{width:360px;height:120px}.home-trust{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px}.home-trust>span{border-right:0;padding:4px}.home-trust>span:last-child{grid-column:1/-1;justify-content:center}.home-benefit-card,.home-plans-panel,.home-articles{border-radius:19px}.home-benefit-card{padding:23px}.home-plan-card{padding:15px}.home-articles{padding:16px}}
@media(max-width:430px){body.home-page>nav{height:58px}.home-page .brand{font-size:17px}.home-hero h1{font-size:34px}.home-network{height:245px}.home-globe{width:140px;height:140px;font-size:68px}.home-orbit{width:290px;height:98px}.home-float{padding:8px 10px;font-size:8px}.home-float small{font-size:8px}.home-trust{grid-template-columns:1fr 1fr}.home-trust strong{font-size:10px}}

/* 下载中心浅蓝玻璃风 */
body.downloads-page{background:radial-gradient(circle at 80% 7%,#dceaff 0,#eef6ff 32%,#f8fbff 72%,#fff 100%);color:#18345a;overflow-x:hidden}
body.downloads-page>nav{width:min(1200px,calc(100% - 32px));height:62px;margin:12px auto 0;padding:0 26px;border:1px solid rgba(255,255,255,.9);border-radius:19px;background:rgba(255,255,255,.74);box-shadow:0 12px 35px rgba(53,105,174,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:10px;z-index:5}
body.downloads-page>nav .brand{color:#102e57}body.downloads-page>nav .navlinks{gap:22px}body.downloads-page>nav .navlinks a,body.downloads-page>nav .navlinks button{color:#4b6384;font-weight:700}body.downloads-page>nav .navlinks a:hover{color:#1769e5}
@media(max-width:700px){body.downloads-page>nav{justify-content:space-between;gap:8px}body.downloads-page>nav .brand{flex:0 0 auto;font-size:17px}body.downloads-page>nav .navlinks{flex:0 1 auto;width:auto;justify-content:flex-end;gap:8px;flex-wrap:nowrap;margin-left:auto}body.downloads-page>nav .navlinks a:nth-child(n+2):not(.pill){display:none}body.downloads-page>nav .navlinks .pill{padding:7px 10px;white-space:nowrap}body.downloads-page>nav .navlinks a:first-child{white-space:nowrap}.downloads-hero,.downloads-hero-copy,.downloads-device-art{min-width:0;width:100%}.downloads-hero{overflow:hidden}.downloads-hero-copy{overflow:hidden}.downloads-hero p{overflow-wrap:anywhere}.downloads-platforms{box-sizing:border-box;max-width:100%;min-width:0}.downloads-device-art{overflow:hidden}}
body.downloads-page>main{max-width:none;padding:0;min-height:calc(100vh - 145px)}body.downloads-page>footer{background:rgba(255,255,255,.75);border-color:#e5eef9;color:#8196b2}
.downloads-wrap{max-width:1200px;padding:28px 16px 42px}.downloads-hero{min-height:222px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:25px;position:relative;margin-bottom:20px}.downloads-hero-copy{position:relative;z-index:1}.downloads-hero h1{font-size:clamp(38px,4.5vw,54px);line-height:1.16;letter-spacing:-1.7px;color:#132f57;margin:8px 0}.downloads-hero p{color:#7188a9;font-size:14px;margin:0;max-width:590px}.downloads-platforms{display:flex;gap:5px;width:max-content;max-width:100%;padding:4px;margin-top:23px;border:1px solid rgba(255,255,255,.9);border-radius:17px;background:rgba(255,255,255,.65);box-shadow:0 7px 20px rgba(57,105,160,.08);backdrop-filter:blur(12px)}.download-filter{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:13px;background:transparent;color:#456384;padding:9px 17px;font-size:12px;white-space:nowrap;cursor:pointer}.download-filter>span{font-size:17px;color:#3478ee;line-height:1}.download-filter.is-active{background:linear-gradient(135deg,#438bff,#3476ee);color:#fff;box-shadow:0 6px 15px rgba(52,120,246,.2)}.download-filter.is-active>span{color:#fff}
.downloads-device-art{height:210px;position:relative;display:block}.downloads-device-art:before{content:"";position:absolute;left:4%;right:2%;bottom:15px;height:20px;border-radius:50%;background:linear-gradient(90deg,#d9e9ff,#fff,#cfe2ff);box-shadow:0 7px 20px #7eaceb33}.device-screen{position:absolute;display:grid;place-items:center;border:7px solid #173358;border-bottom-width:12px;border-radius:13px;background:linear-gradient(145deg,#d9ebff,#72aaff 70%,#4085ef);box-shadow:0 12px 24px #527eb144}.device-screen span{color:#fff;font-size:70px;text-shadow:0 5px 16px #1767dd55}.device-desktop{width:180px;height:125px;right:14%;top:12px;transform:perspective(400px) rotateY(-7deg)}.device-laptop{width:220px;height:116px;left:11%;bottom:30px;transform:perspective(400px) rotateY(6deg);z-index:1}.device-laptop:after{content:"";position:absolute;left:-18px;right:-18px;bottom:-18px;height:10px;border-radius:0 0 16px 16px;background:linear-gradient(90deg,#d1e2fa,#fff,#b9d3f7)}.device-laptop span{font-size:60px}.device-phone{position:absolute;right:3%;bottom:32px;width:45px;height:91px;border:5px solid #173358;border-radius:12px;background:linear-gradient(160deg,#cfe4ff,#478bf3);z-index:2;box-shadow:0 8px 15px #527eb144}.device-phone:after{content:"";position:absolute;top:3px;left:50%;width:12px;height:3px;border-radius:4px;background:#173358;transform:translateX(-50%)}.device-shield{position:absolute;z-index:3;right:25%;bottom:27px;width:58px;height:58px;border:1px solid #e2edfc;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#347cf1;font-size:36px;box-shadow:0 9px 24px #4d7ec433}
.downloads-layout{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(300px,.95fr);gap:16px;align-items:stretch}.downloads-catalog,.downloads-guide,.downloads-notes,.downloads-tutorials{border:1px solid rgba(255,255,255,.95);border-radius:22px;background:rgba(255,255,255,.76);box-shadow:0 14px 35px rgba(53,105,174,.1);backdrop-filter:blur(13px)}.downloads-catalog{padding:20px 22px}.downloads-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.downloads-section-heading h2{font-size:22px;line-height:1.2;color:#19375e;margin:3px 0 0}.downloads-section-heading>span{font-size:11px;color:#8aa0bb}.downloads-section-heading>a{white-space:nowrap;font-size:11px;font-weight:700}.download-grid{display:grid;grid-template-columns:1fr;gap:10px}.download-app-card{padding:14px 16px;border:1px solid #e6eef9;border-radius:18px;background:rgba(255,255,255,.76);box-shadow:0 7px 18px rgba(53,105,174,.06);transition:transform .2s ease,box-shadow .2s ease}.download-app-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(53,105,174,.12)}.download-app-head{gap:11px}.download-app-icon{width:43px;height:43px;border-radius:13px;flex:0 0 43px;box-shadow:0 6px 14px rgba(52,120,246,.14)}.download-app-head h2{font-size:17px}.download-app-head span{display:inline-block;margin-top:2px}.download-project{font-size:11px}.download-description{height:auto;min-height:0;margin:9px 0 7px;font-size:11px;line-height:1.55}.download-resource{padding:8px 0;gap:10px}.download-resource>div{min-width:0}.download-resource b{font-size:12px}.download-resource small{overflow-wrap:anywhere}.download-button{border-radius:9px;background:linear-gradient(135deg,#438bff,#3476ee);color:#fff;padding:8px 13px;box-shadow:0 6px 14px #3479ef2b}.download-disabled{padding-right:8px}.downloads-empty{padding:45px 20px;text-align:center;color:#8298b5;border:1px dashed #bfd4eb;border-radius:16px;background:#ffffff80}
.downloads-guide{position:relative;overflow:hidden;padding:22px 24px;min-height:100%}.downloads-guide-label{display:inline-block;border-radius:9px;padding:4px 9px;background:#eaf2ff;color:#3679e9;font-size:10px;font-weight:800}.downloads-guide h2{font-size:25px;color:#19375e;margin:8px 0 2px}.downloads-guide>p{font-size:12px;color:#8197b4;margin:0 0 19px}.downloads-guide-step{display:flex;align-items:flex-start;gap:13px;position:relative;padding:4px 0 18px}.downloads-guide-step:not(:last-of-type):after{content:"";position:absolute;left:16px;top:39px;bottom:-1px;width:2px;background:#d8e7fb}.downloads-guide-step i{z-index:1;display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#e7f0ff;color:#2877ed;font-style:normal;font-weight:800;box-shadow:0 0 0 5px #f4f8ff}.downloads-guide-step b,.downloads-guide-step small{display:block}.downloads-guide-step b{color:#19375e;font-size:13px}.downloads-guide-step small{max-width:255px;color:#8197b4;font-size:10px;line-height:1.65;margin-top:2px}.downloads-guide-art{position:absolute;right:18px;bottom:19px;width:76px;height:80px;border:1px solid #e1edfc;border-radius:18px;background:linear-gradient(145deg,#ffffffd9,#e7f1ffb8);box-shadow:0 10px 26px #5886c21c;display:grid;place-items:center;color:#347cf1;font-size:43px;opacity:.75}.downloads-guide-art:before,.downloads-guide-art:after{content:"";position:absolute;right:11px;left:11px;height:7px;border-radius:8px;background:#dbe9fa}.downloads-guide-art:before{top:12px}.downloads-guide-art:after{bottom:11px}.downloads-guide-art i{position:absolute;left:-14px;bottom:15px;width:26px;height:29px;border-radius:8px;background:#dceaff;z-index:-1}
.downloads-notes{display:grid;grid-template-columns:1fr 1fr;margin-top:15px;padding:13px 17px;background:rgba(235,244,255,.77)}.downloads-notes>div{display:flex;align-items:center;gap:13px;padding:0 12px}.downloads-notes>div+div{border-left:1px solid #d4e3f6;padding-left:24px}.downloads-notes>div>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#dceaff;color:#347cf1;font-size:21px}.downloads-notes b,.downloads-notes small{display:block}.downloads-notes b{font-size:12px;color:#19375e}.downloads-notes small{font-size:10px;color:#8499b5}.downloads-notes a{font-weight:700;color:#1769e5;margin-left:6px}.downloads-tutorials{margin-top:15px;padding:17px 19px}.downloads-tutorials .downloads-section-heading{margin-bottom:11px}.downloads-tutorial-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.downloads-tutorial-grid>a{position:relative;display:grid;grid-template-columns:34px 1fr 12px;grid-template-rows:auto auto;align-items:center;column-gap:9px;min-width:0;padding:12px;border:1px solid #e5edf8;border-radius:15px;background:#ffffffb8;color:#25456d;transition:transform .18s ease,box-shadow .18s ease}.downloads-tutorial-grid>a:hover{transform:translateY(-2px);box-shadow:0 9px 18px #527eb41c}.downloads-tutorial-grid>a>span{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#edf5ff;color:#347cf1;font-size:20px}.downloads-tutorial-grid>a>b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.downloads-tutorial-grid>a>small{grid-column:2/4;color:#8ca0b9;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.downloads-tutorial-grid>a>i{grid-column:3;grid-row:1;font-style:normal;color:#728baa;font-size:19px}.downloads-page .download-resource[hidden],.downloads-page .download-app-card[hidden]{display:none!important}
@media(max-width:980px){.downloads-wrap{max-width:900px}.downloads-layout{grid-template-columns:minmax(0,1.3fr) minmax(270px,.9fr)}.downloads-device-art{transform:scale(.88);transform-origin:center right}.downloads-tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.downloads-guide-art{opacity:.35}}
@media(max-width:700px){.downloads-wrap{padding:25px 13px 38px}.downloads-hero{grid-template-columns:1fr;gap:0;margin-bottom:13px}.downloads-hero h1{font-size:38px}.downloads-hero p{font-size:13px}.downloads-device-art{height:175px;margin-top:4px;transform:none}.device-desktop{right:15%;top:0}.device-laptop{left:14%;bottom:23px}.device-phone{right:12%;bottom:24px}.device-shield{right:28%;bottom:22px}.downloads-platforms{width:100%;overflow-x:auto;justify-content:flex-start;margin-top:18px;border-radius:15px}.download-filter{flex:0 0 auto;padding:8px 13px}.downloads-layout{grid-template-columns:1fr}.downloads-catalog{padding:17px 14px}.downloads-guide{min-height:0;padding:19px}.downloads-guide-art{right:18px;bottom:18px}.downloads-notes{grid-template-columns:1fr;gap:12px;padding:13px}.downloads-notes>div{padding:0 4px}.downloads-notes>div+div{border-left:0;border-top:1px solid #d4e3f6;padding:12px 4px 0}.downloads-tutorials{padding:16px 13px}.downloads-section-heading h2{font-size:20px}.downloads-guide h2{font-size:23px}}
@media(max-width:430px){.downloads-wrap{padding-left:10px;padding-right:10px}.downloads-hero h1{font-size:34px}.downloads-device-art{height:150px}.device-desktop{width:145px;height:101px;right:14%;border-width:6px}.device-laptop{width:185px;height:95px;left:8%;border-width:6px}.device-laptop span{font-size:48px}.device-desktop span{font-size:55px}.device-phone{right:6%;width:38px;height:79px}.device-shield{right:26%;width:48px;height:48px;font-size:29px}.downloads-catalog{padding:15px 11px}.downloads-section-heading>span{font-size:10px}.download-app-card{padding:12px}.download-app-head{gap:8px}.download-app-icon{width:38px;height:38px;flex-basis:38px}.download-app-head h2{font-size:15px}.download-resource{align-items:center}.download-resource small{max-width:190px}.download-button{font-size:10px;padding:7px 9px}.downloads-guide-art{display:none}.downloads-notes>div>span{width:35px;height:35px;flex-basis:35px}.downloads-tutorial-grid{grid-template-columns:1fr}.downloads-tutorial-grid>a{padding:10px}.downloads-tutorials .downloads-section-heading{align-items:flex-start}}

/* 我的订单浅蓝玻璃风 */
body.orders-page{background:radial-gradient(circle at 78% 6%,#dceaff 0,#eef6ff 32%,#f8fbff 73%,#fff 100%);color:#19375e;overflow-x:hidden}
body.orders-page>nav{width:min(1200px,calc(100% - 32px));height:62px;margin:12px auto 0;padding:0 26px;border:1px solid rgba(255,255,255,.9);border-radius:19px;background:rgba(255,255,255,.75);box-shadow:0 12px 35px rgba(53,105,174,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:10px;z-index:5}body.orders-page>nav .brand{color:#102e57}body.orders-page>nav .navlinks{gap:21px}body.orders-page>nav .navlinks a{color:#4b6384;font-weight:700}
body.orders-page>main{max-width:none;padding:0;min-height:calc(100vh - 145px)}body.orders-page>footer{background:rgba(255,255,255,.78);border-color:#e3edf8;color:#8196b2}
.orders-wrap{max-width:1200px;margin:0 auto;padding:29px 16px 48px}.orders-hero{margin:2px 0 16px}.orders-hero h1{font-size:36px;line-height:1.2;color:#142f56;letter-spacing:-1px;margin:5px 0}.orders-hero p{font-size:14px;color:#8298b5;margin:0}.orders-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:16px}.orders-stat-card{display:flex;align-items:center;gap:14px;min-width:0;padding:13px 17px;border:1px solid rgba(255,255,255,.95);border-radius:19px;background:rgba(255,255,255,.78);box-shadow:0 11px 28px rgba(53,105,174,.09);text-align:left;color:#19375e;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.orders-stat-card:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(53,105,174,.14)}.orders-stat-icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:16px;font-size:27px;font-weight:800}.orders-stat-blue{background:#e8f1ff;color:#347cf1}.orders-stat-orange{background:#fff1df;color:#ed911f}.orders-stat-sky{background:#e8f1ff;color:#347cf1}.orders-stat-card small,.orders-stat-card b{display:block}.orders-stat-card small{font-size:12px;color:#7288a7}.orders-stat-card b{font-size:27px;line-height:1.1;color:#142c52;margin-top:2px}.orders-stat-card:nth-child(2) b{color:#e98714}.orders-stat-card>i{margin-left:auto;color:#4a6892;font-size:25px;font-style:normal}
.orders-panel{overflow:hidden;border:1px solid rgba(255,255,255,.95);border-radius:21px;background:rgba(255,255,255,.83);box-shadow:0 14px 35px rgba(53,105,174,.1);backdrop-filter:blur(14px)}.orders-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 19px}.orders-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.orders-filter{padding:8px 19px;border:1px solid transparent;border-radius:18px;background:#f1f5fb;color:#536c8e;font-size:11px;font-weight:700;white-space:nowrap}.orders-filter.is-active{background:linear-gradient(135deg,#438bff,#3476ee);color:#fff;box-shadow:0 6px 15px #3479ef33}.orders-search{display:flex;align-items:center;gap:8px;width:230px;flex:0 0 230px;height:37px;margin:0;padding:0 11px;border:1px solid #dce6f3;border-radius:11px;background:#fff;color:#8298b5}.orders-search>span{font-size:20px;line-height:1}.orders-search input{width:100%;height:34px;margin:0;padding:0;border:0;outline:0;background:transparent;box-shadow:none;font-size:12px}.orders-search input:focus{border:0;box-shadow:none}.orders-table-wrap{overflow-x:auto}.orders-table{width:100%;min-width:920px;border-collapse:collapse;font-size:12px}.orders-table thead{background:linear-gradient(90deg,#f3f7fd,#f8faff)}.orders-table th{padding:11px 19px;color:#395577;font-size:11px;text-align:left;white-space:nowrap}.orders-table td{padding:10px 19px;border-top:1px solid #e9eff7;color:#536d90;white-space:nowrap}.orders-table tbody tr.order-row{transition:background .16s ease}.orders-table tbody tr.order-row:hover{background:#eef5ff}.orders-table tbody tr[hidden]{display:none!important}.orders-number{color:#1769e5;font-weight:600}.orders-product{display:block;color:#29476d;font-size:12px}.orders-table .table-sub{margin-top:1px;color:#92a5bf}.orders-amount{color:#1f3b62!important;font-weight:600}.orders-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:16px;background:#edf3fb;color:#66809f;font-size:10px;font-weight:800;white-space:nowrap}.orders-status:before{content:"";width:14px;height:14px;border:2px solid currentColor;border-radius:50%;display:inline-block}.orders-status-pending_payment{background:#fff3df;color:#df870e}.orders-status-pending_delivery{background:#e7f1ff;color:#347cf1}.orders-status-delivered{background:#e5f7f0;color:#2f9a76}.orders-status-cancelled,.orders-status-refunded{background:#f1f3f6;color:#8492a5}.orders-status-refunding{background:#fff0e8;color:#d87d4e}.orders-table .order-countdown{min-width:90px;padding:5px 8px}.orders-table .order-countdown b{font-size:10px}.orders-table .order-countdown small{font-size:9px}.orders-created{color:#677f9f!important}.orders-detail-link{display:inline-block;padding:7px 13px;border:1px solid #dbe8fa;border-radius:15px;background:#f3f7ff;color:#2874e8;font-size:10px;font-weight:800;box-shadow:0 4px 11px #4e7db314}.orders-detail-link:hover{background:#e5efff}.orders-empty-row>td{padding:0}.orders-empty{display:flex;align-items:center;flex-direction:column;padding:42px 15px}.orders-empty>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#edf4ff;color:#4d89ef;font-size:25px}.orders-empty b{margin-top:10px;color:#496584;font-size:14px}.orders-empty small{color:#91a4bd;font-size:11px}.orders-empty a{margin-top:12px;font-size:11px;font-weight:700}.orders-no-match{padding:24px;text-align:center;color:#879bb5;font-size:12px}.orders-no-match[hidden]{display:none}
@media(max-width:900px){.orders-wrap{max-width:900px}.orders-toolbar{align-items:flex-start;flex-direction:column}.orders-search{width:100%;flex-basis:auto}.orders-table{min-width:900px}}
@media(max-width:700px){body.orders-page>nav{width:calc(100% - 20px);height:58px;margin-top:9px;padding:0 14px;justify-content:space-between}body.orders-page>nav .brand{font-size:17px}body.orders-page>nav .navlinks{gap:8px;margin-left:auto;flex-wrap:nowrap}body.orders-page>nav .navlinks a:nth-child(n+2):not(.pill){display:none}body.orders-page>nav .navlinks .pill{padding:7px 10px;white-space:nowrap}.orders-wrap{padding:24px 13px 38px}.orders-hero h1{font-size:31px}.orders-hero p{font-size:12px}.orders-stats{grid-template-columns:1fr 1fr;gap:9px}.orders-stat-card{gap:10px;padding:11px}.orders-stat-card:first-child{grid-column:1/-1}.orders-stat-icon{width:42px;height:42px;flex-basis:42px;border-radius:13px;font-size:22px}.orders-stat-card b{font-size:23px}.orders-toolbar{padding:13px}.orders-filters{width:100%;gap:6px}.orders-filter{flex:1;padding:8px 7px}.orders-table{min-width:900px}.orders-panel{border-radius:17px}}
@media(max-width:430px){.orders-wrap{padding-left:10px;padding-right:10px}.orders-stats{grid-template-columns:1fr 1fr}.orders-stat-card{padding:9px}.orders-stat-icon{width:37px;height:37px;flex-basis:37px}.orders-stat-card small{font-size:10px}.orders-stat-card b{font-size:21px}.orders-filter{font-size:10px;padding:8px 5px}.orders-table{min-width:860px}.orders-table th,.orders-table td{padding-left:12px;padding-right:12px}}

/* Figma-inspired user application shell */
body.user-page{--user-navy:#111b35;--user-navy-2:#192646;--user-blue:#4667f2;--user-cyan:#5f8cff;--user-canvas:#f5f7fb;--user-ink:#202b46;--user-muted:#8490a8;background:var(--user-canvas);color:var(--user-ink);overflow-x:hidden}
body.user-page .user-shell{min-height:100vh;display:flex;background:var(--user-canvas)}
body.user-page .user-sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:248px;display:flex;flex-direction:column;padding:24px 16px 18px;background:linear-gradient(180deg,var(--user-navy),#0d162d);color:#dbe5ff;box-shadow:8px 0 28px rgba(21,35,75,.08)}
body.user-page .user-brand{display:flex;align-items:center;height:54px;padding:0 10px;margin-bottom:26px}.user-brand img{display:block;width:162px;height:52px;object-fit:contain;object-position:left center}
body.user-page .user-sidebar-nav{display:flex;flex-direction:column;gap:4px;height:auto;min-height:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;position:static;top:auto;z-index:auto;backdrop-filter:none}.user-nav-label{margin:14px 10px 7px;color:#7382a5;font-size:10px;font-weight:800;letter-spacing:.08em}.user-nav-link{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;border-radius:11px;color:#aebcdb;font-size:13px;font-weight:700;transition:background .18s ease,color .18s ease}.user-nav-link span{display:grid;place-items:center;width:19px;color:#7181a9;font-size:17px}.user-nav-link:hover,.user-nav-link.active{background:rgba(91,126,242,.2);color:#fff}.user-nav-link.active{box-shadow:inset 3px 0 var(--user-cyan)}.user-nav-link.active span,.user-nav-link:hover span{color:#8dafff}.user-nav-badge{margin-left:auto;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#5d7df4;color:#fff;font-size:10px}
.user-sidebar-help{margin-top:auto;padding:16px;border:1px solid rgba(148,174,239,.15);border-radius:15px;background:rgba(255,255,255,.06)}.user-sidebar-help>span{display:grid;place-items:center;width:28px;height:28px;margin-bottom:10px;border-radius:9px;background:#526fe1;color:#fff;font-weight:800}.user-sidebar-help b,.user-sidebar-help small{display:block}.user-sidebar-help b{font-size:12px;color:#f5f7ff}.user-sidebar-help small{margin-top:4px;color:#8694b6;font-size:10px}.user-sidebar-help a{display:block;margin-top:12px;color:#9db8ff;font-size:10px;font-weight:700}.user-sidebar-profile{display:flex;align-items:center;gap:10px;padding:18px 8px 0;margin-top:15px;border-top:1px solid rgba(157,181,239,.13)}.user-sidebar-profile img{width:34px;height:34px;border-radius:11px;object-fit:cover}.user-sidebar-profile b,.user-sidebar-profile small{display:block}.user-sidebar-profile b{color:#eef3ff;font-size:12px}.user-sidebar-profile small{color:#7f8dad;font-size:10px;margin-top:2px}
body.user-page .user-main-column{width:calc(100% - 248px);min-width:0;margin-left:248px}.user-topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 42px;border-bottom:1px solid #e8ecf4;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.user-menu-toggle{display:none}.user-page-heading{display:flex;align-items:baseline;gap:14px}.user-page-heading span{color:#9aa5ba;font-size:11px}.user-page-heading strong{color:var(--user-ink);font-size:18px}.user-top-actions{display:flex;align-items:center;gap:17px}.user-top-help{color:#7785a0;font-size:12px;font-weight:700}.user-top-login,.user-logout{color:var(--user-blue);font-size:12px;font-weight:800}.user-logout{border:0;background:none;padding:0}.user-admin-link{color:#576bdb;font-size:12px;font-weight:800}.user-notification{position:relative;color:#70809c;font-size:21px;line-height:1}.user-notification b{position:absolute;top:-7px;right:-8px;display:grid;place-items:center;min-width:15px;height:15px;border-radius:8px;background:#ed6e87;color:#fff;font-size:9px}.user-top-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#dbe5ff;color:#4667d4;font-size:12px;font-weight:800}
.user-main{max-width:none;min-height:calc(100vh - 151px);padding:34px 42px 54px}.user-footer{margin-left:0;padding:22px 42px;border-top:1px solid #e6eaf2;background:#fff;color:#9aa5b8;text-align:left;font-size:11px}
body.user-page .notice{max-width:1180px;margin:0 auto 18px}.user-page .home-wrap,.user-page .purchase-wrap,.user-page .downloads-wrap,.user-page .orders-wrap{max-width:1180px;margin:0 auto;padding:0 0 18px}.user-page .home-hero{margin-top:-34px;padding-top:34px}.user-page .form-card,.user-page .detail,.user-page .article-detail-page,.user-page .support-page,.user-page .support-detail-page,.user-page .notifications-page{max-width:960px;margin:0 auto}.user-page .form-card,.user-page .detail{border-color:#e5eaf3;box-shadow:0 14px 35px rgba(51,70,117,.07)}
body.user-page .purchase-card,body.user-page .orders-panel,body.user-page .downloads-catalog,body.user-page .downloads-guide,body.user-page .article-list-card,body.user-page .article-detail-page,body.user-page .support-create-card,body.user-page .support-help-card,body.user-page .support-list-card,body.user-page .notification-item{box-shadow:0 12px 30px rgba(49,67,112,.07)}
@media(max-width:900px){body.user-page .user-sidebar{transform:translateX(-100%);transition:transform .2s ease}body.user-page.user-sidebar-open .user-sidebar{transform:translateX(0)}body.user-page.user-sidebar-open:after{content:"";position:fixed;inset:0;z-index:15;background:rgba(16,27,55,.45)}body.user-page .user-main-column{width:100%;margin-left:0}.user-topbar{padding:0 24px}.user-menu-toggle{display:block;border:0;background:transparent;color:#425379;font-size:21px;padding:3px 8px 3px 0;line-height:1}.user-page-heading{margin-right:auto}.user-footer{margin-left:0}.user-main{padding:28px 24px 46px}}
@media(max-width:700px){.user-topbar{height:64px;padding:0 16px;gap:10px}.user-page-heading{display:block}.user-page-heading span{display:none}.user-page-heading strong{font-size:16px}.user-top-actions{gap:10px}.user-top-help,.user-admin-link,.user-logout{display:none}.user-top-avatar{width:31px;height:31px}.user-main{padding:23px 14px 38px}.user-footer{padding:18px 14px;font-size:10px}.user-page .home-wrap,.user-page .purchase-wrap,.user-page .downloads-wrap,.user-page .orders-wrap{padding-left:0;padding-right:0}.user-page .form-card,.user-page .detail{padding:23px 18px}.user-page .table-wrap{max-width:100%;overflow-x:auto}}
@media(max-width:430px){body.user-page .user-brand img{width:145px}.user-top-actions .user-top-help{display:none}.user-page .user-sidebar{width:238px}}

/* 首页深色科技风（仅作用于首页） */
body.home-page{--home-bg:#08111f;--home-surface:rgba(15,31,52,.78);--home-surface-strong:#10253d;--home-line:rgba(137,205,224,.18);--home-text:#f2fbff;--home-muted:#9ab0c3;--home-teal:#00d0bb;--home-cyan:#23b8e5;background:var(--home-bg);color:var(--home-text);overflow-x:hidden}
body.home-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 75% 4%,rgba(0,208,187,.16),transparent 30%),radial-gradient(circle at 15% 40%,rgba(35,184,229,.1),transparent 32%),linear-gradient(180deg,#0b1728 0%,#08111f 70%)}
body.home-page>nav{width:100%;height:74px;margin:0;padding:0 max(22px,calc((100% - 1180px)/2));border:0;border-bottom:1px solid var(--home-line);border-radius:0;background:rgba(8,17,31,.78);box-shadow:0 12px 35px rgba(0,0,0,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:0;z-index:5}
body.home-page>nav .brand{height:48px;display:flex;align-items:center;color:var(--home-text);font-size:19px;letter-spacing:-.03em}.home-brand-logo{display:block;width:154px;height:48px;object-fit:contain;object-position:left center}.home-page .navlinks{gap:24px;font-size:13px;color:#b6cada}.home-page .navlinks a,.home-page .navlinks button{color:#b6cada;font-weight:600}.home-page .navlinks a:hover,.home-page .navlinks button:hover{color:var(--home-teal)}.home-page .navlinks .home-nav-active{color:var(--home-teal)}.home-page .navlinks .home-nav-active:after{bottom:-27px;background:var(--home-teal);box-shadow:0 0 12px var(--home-teal)}.home-page .navlinks .pill{padding:9px 20px;background:linear-gradient(135deg,var(--home-teal),var(--home-cyan));color:#04151d;box-shadow:0 8px 22px rgba(0,208,187,.22)}
.home-page>main{max-width:none;padding:0;min-height:calc(100vh - 150px)}.home-page>footer{border-color:var(--home-line);background:#08111f;color:#71879a}.home-wrap{max-width:1200px;padding:0 20px 70px}.home-hero{min-height:570px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px}.home-hero-copy{z-index:1}.home-kicker,.home-label{color:var(--home-teal);background:rgba(0,208,187,.08);border:1px solid rgba(0,208,187,.3);border-radius:20px;padding:6px 14px;font-size:11px;letter-spacing:.05em}.home-hero h1{color:var(--home-text);font-size:clamp(44px,5.6vw,72px);letter-spacing:-3px;line-height:1.08;margin:18px 0}.home-hero h1::first-line{color:var(--home-text)}.home-hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--home-teal),var(--home-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.home-hero-copy>p{max-width:510px;color:var(--home-muted);font-size:15px;line-height:1.9}.home-hero-actions{margin-top:28px;gap:12px}.home-hero-actions .button{min-width:152px;text-align:center;background:linear-gradient(135deg,var(--home-teal),var(--home-cyan));color:#04151d;box-shadow:0 9px 24px rgba(0,208,187,.2)}.home-secondary-button{min-width:152px;text-align:center;padding:12px 21px;border:1px solid var(--home-line);border-radius:12px;background:rgba(255,255,255,.04);color:#c6dce6;box-shadow:none}.home-secondary-button:hover{border-color:var(--home-teal);color:var(--home-teal)}.home-trust{margin-top:30px;padding:0;display:flex;gap:25px;border:0;background:none;box-shadow:none}.home-trust>span{padding:0;border:0;gap:8px}.home-trust b{width:32px;height:32px;background:rgba(0,208,187,.12);color:var(--home-teal);box-shadow:none}.home-trust strong{font-size:11px;color:#d7e7ed}.home-trust small{color:#7f99a8}
.home-network{height:470px}.home-network:before{width:460px;height:460px;background:radial-gradient(circle,rgba(0,208,187,.16),rgba(35,184,229,.08) 35%,transparent 68%);filter:blur(8px)}.home-network:after{content:"";position:absolute;inset:13% 3%;background-image:linear-gradient(rgba(93,175,196,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(93,175,196,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%);pointer-events:none}.home-network-core{position:relative;z-index:1;display:grid;place-items:center;width:245px;height:245px;border:1px solid rgba(119,235,226,.55);border-radius:50%;background:radial-gradient(circle at 45% 30%,rgba(35,184,229,.4),rgba(8,29,48,.92) 65%);box-shadow:0 0 0 16px rgba(0,208,187,.06),0 0 80px rgba(0,208,187,.28),inset 0 0 35px rgba(35,184,229,.2)}.home-network-core:before,.home-network-core:after{content:"";position:absolute;border:1px solid rgba(0,208,187,.26);border-radius:50%;inset:22px;transform:rotate(45deg)}.home-network-core:after{inset:47px;transform:rotate(-45deg)}.home-network-core img{position:relative;z-index:2;width:210px;height:115px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,208,187,.2))}.home-orbit{width:520px;height:180px;border-color:rgba(0,208,187,.44);box-shadow:0 0 18px rgba(0,208,187,.08)}.home-orbit.orbit-two{width:430px;height:290px;border-color:rgba(35,184,229,.35)}.home-float{border:1px solid var(--home-line);border-radius:13px;padding:11px 15px;background:rgba(13,35,55,.8);color:#e1f6f8;box-shadow:0 12px 30px rgba(0,0,0,.25);backdrop-filter:blur(12px)}.home-float small{color:#85a8b5}.home-float-one{top:56px;left:5%}.home-float-two{top:100px;right:0}.home-float-three{bottom:60px;right:10%}
.home-feature-grid{gap:18px}.home-benefit-card,.home-plans-panel,.home-articles,.home-end-cta{border:1px solid var(--home-line);border-radius:20px;background:var(--home-surface);box-shadow:0 18px 45px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.home-benefit-card{padding:30px;min-height:285px}.home-benefit-card:after{color:rgba(0,208,187,.08)}.home-benefit-card h2{color:var(--home-text);font-size:30px;margin:14px 0 3px}.home-benefit-card time{color:#7eabb8;font-size:13px}.home-benefit-card p{color:var(--home-muted);font-size:13px}.home-benefit-actions{display:flex;align-items:center;gap:15px;position:relative;z-index:1}.home-benefit-actions .button{background:linear-gradient(135deg,var(--home-teal),var(--home-cyan));color:#04151d}.home-benefit-actions>a:not(.button){color:#8dd1d3;font-size:11px}.home-plans-panel{padding:24px}.home-section-heading{margin-bottom:18px}.home-section-kicker{display:block;color:var(--home-teal);font-size:9px;font-weight:800;letter-spacing:.16em;margin-bottom:4px}.home-section-heading h2{color:var(--home-text);font-size:23px;margin:0 12px 3px 0}.home-section-heading>div>span:last-child{color:#86a1af;font-size:11px}.home-section-heading>a{color:var(--home-teal)}.home-plans-grid{gap:12px}.home-plan-card{padding:17px;border:1px solid rgba(130,195,214,.16);border-radius:15px;background:rgba(19,47,70,.7);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.home-plan-card:hover{transform:translateY(-4px);border-color:rgba(0,208,187,.6);box-shadow:0 14px 28px rgba(0,208,187,.12)}.home-plan-top{display:flex;align-items:center;justify-content:space-between}.home-plan-icon{width:31px;height:31px;border-radius:9px;background:rgba(0,208,187,.12);color:var(--home-teal);display:grid;place-items:center}.home-plan-region{color:#6fd2d5;font-size:10px}.home-plan-card h3{color:#e6f7f8;font-size:18px;margin:12px 0 5px}.home-plan-card p{height:38px;color:#8ca8b4;font-size:10px}.home-plan-meta span{background:rgba(132,198,214,.1);color:#9dc1cb}.home-plan-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.home-plan-price{color:#65e0d0;font-size:23px}.home-plan-price small{color:#8baab3}.home-plan-card>a{margin-top:0;padding:6px 8px;background:rgba(0,208,187,.1);color:#6ed9d3;white-space:nowrap}.home-articles{margin-top:22px;padding:24px}.home-article-grid{gap:12px}.home-article-grid article{border:1px solid rgba(130,195,214,.16);border-radius:15px;background:rgba(19,47,70,.58);padding:13px}.home-article-grid article:hover{border-color:rgba(0,208,187,.5);box-shadow:0 12px 25px rgba(0,208,187,.1)}.home-article-grid article span{background:rgba(0,208,187,.1);color:#6fd2d5}.home-article-grid h3{color:#e1f4f6}.home-article-grid p{color:#8ca8b4}.home-article-grid small{color:#6f8e9b}.article-art{background:linear-gradient(145deg,#087e90,#123d61)}.art-guide{background:linear-gradient(145deg,#176b9c,#172d5c)}.art-help{background:linear-gradient(145deg,#157d74,#244264)}.home-empty{grid-column:1/-1;padding:30px;text-align:center;color:#8baab4;border:1px dashed rgba(130,195,214,.25);border-radius:13px}.home-empty small{display:block;margin-top:4px;color:#688896}.home-end-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px;padding:24px 28px}.home-end-cta h2{margin:4px 0;color:var(--home-text);font-size:24px}.home-end-cta p{margin:0;color:#89a5b0;font-size:12px}.home-end-cta .button{white-space:nowrap;background:linear-gradient(135deg,var(--home-teal),var(--home-cyan));color:#04151d}
@media(max-width:900px){body.home-page>nav{padding:0 18px}.home-hero{grid-template-columns:1fr;padding-top:42px}.home-network{height:370px}.home-feature-grid{grid-template-columns:1fr}.home-end-cta{align-items:flex-start;flex-direction:column}.home-end-cta .button{width:100%;text-align:center}}
@media(max-width:700px){body.home-page>nav{height:64px;padding:0 14px}.home-brand-logo{width:132px;height:43px}.home-page .navlinks{gap:8px}.home-page .navlinks a:nth-child(n+2):not(.pill){display:none}.home-page .navlinks .home-nav-active:after{bottom:-22px}.home-wrap{padding:0 13px 42px}.home-hero{padding-top:31px}.home-hero h1{font-size:40px;letter-spacing:-1.5px}.home-hero-copy>p{font-size:13px}.home-hero-actions{align-items:stretch;flex-direction:column}.home-hero-actions>*{text-align:center}.home-trust{gap:8px;justify-content:space-between}.home-trust>span{display:block;text-align:center}.home-trust b{margin:auto}.home-trust strong{font-size:10px}.home-trust small{font-size:8px}.home-network{height:295px}.home-network-core{width:175px;height:175px}.home-network-core img{width:152px;height:83px}.home-network:before{width:285px;height:285px}.home-orbit{width:350px;height:120px}.home-orbit.orbit-two{width:300px;height:210px}.home-float{padding:8px 10px;font-size:9px}.home-float small{font-size:8px}.home-float-one{left:0;top:22px}.home-float-two{right:0;top:48px}.home-float-three{right:0;bottom:21px}.home-trust{display:grid;grid-template-columns:1fr 1fr;padding:0}.home-trust>span:last-child{grid-column:1/-1;justify-content:center}.home-benefit-card{padding:23px}.home-plans-panel,.home-articles{padding:18px}.home-plans-grid,.home-article-grid{grid-template-columns:1fr}.home-end-cta{padding:22px 20px}.home-end-cta h2{font-size:21px}}
@media(max-width:430px){body.home-page>nav{height:59px}.home-brand-logo{width:116px;height:39px}.home-page .brand{font-size:16px}.home-hero h1{font-size:34px}.home-network{height:250px}.home-network-core{width:142px;height:142px}.home-network-core img{width:124px;height:68px}.home-orbit{width:285px;height:98px}.home-orbit.orbit-two{width:245px;height:165px}.home-float{font-size:8px}.home-float small{font-size:7px}.home-trust strong{font-size:9px}.home-plan-card h3{font-size:17px}.home-plan-bottom{align-items:flex-end;flex-direction:column}.home-plan-card>a{width:100%;text-align:center}.home-benefit-actions{align-items:stretch;flex-direction:column;gap:10px}.home-benefit-actions>a:not(.button){text-align:center}.home-end-cta{padding:20px 17px}}
@media(prefers-reduced-motion:reduce){body.home-page *,body.home-page *:before,body.home-page *:after{animation:none!important;transition:none!important}}

/* user shell overrides for the homepage */
body.user-page.home-page{--home-bg:#f5f7fb;--home-surface:#fff;--home-line:#e4e9f2;--home-text:#202b46;--home-muted:#8490a8;background:#f5f7fb;color:#202b46}
body.user-page.home-page:before{display:none}body.user-page.home-page .home-wrap{max-width:1180px;padding:0 0 24px}.user-page.home-page .home-hero{min-height:390px;margin:0 0 22px;padding:36px 38px;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);border:1px solid #e4e9f2;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f0f5ff 100%);box-shadow:0 12px 30px rgba(49,67,112,.07)}.user-page.home-page .home-hero h1{color:#202b46;font-size:clamp(40px,4.3vw,62px);letter-spacing:-2px}.user-page.home-page .home-hero h1 em{background:linear-gradient(100deg,#4667f2,#7e8ef5);-webkit-background-clip:text;background-clip:text}.user-page.home-page .home-hero-copy>p{color:#77849c}.user-page.home-page .home-kicker,.user-page.home-page .home-label{color:#4667f2;background:#edf1ff;border-color:#dce4ff}.user-page.home-page .home-hero-actions .button{background:linear-gradient(135deg,#4667f2,#7289f4);color:#fff;box-shadow:0 9px 22px rgba(70,103,242,.2)}.user-page.home-page .home-secondary-button{color:#53627e;background:#fff;border-color:#dfe5f1}.user-page.home-page .home-trust{padding:14px 18px;margin-top:24px;border:1px solid #e2e8f3;border-radius:15px;background:#fff;box-shadow:0 7px 18px rgba(49,67,112,.05)}.user-page.home-page .home-trust>span{padding:3px 15px;border-right:1px solid #e8ecf4}.user-page.home-page .home-trust>span:last-child{border-right:0}.user-page.home-page .home-trust b{background:#edf1ff;color:#4667f2}.user-page.home-page .home-trust strong{color:#40516e}.user-page.home-page .home-trust small{color:#8c98ab}.user-page.home-page .home-network{height:300px}.user-page.home-page .home-network:before{width:300px;height:300px;background:radial-gradient(circle,#dbe5ff 0,transparent 68%)}.user-page.home-page .home-network:after{background-image:linear-gradient(#d7e1f2 1px,transparent 1px),linear-gradient(90deg,#d7e1f2 1px,transparent 1px);opacity:.45}.user-page.home-page .home-network-core{width:190px;height:190px;border-color:#91adf7;background:radial-gradient(circle at 45% 30%,#9dbbff,#4775e5 68%);box-shadow:0 0 0 14px #dce6ff,0 18px 45px #6687df55}.user-page.home-page .home-network-core img{width:164px;height:90px}.user-page.home-page .home-orbit{width:420px;height:140px;border-color:#9bb9fa}.user-page.home-page .home-orbit.orbit-two{width:350px;height:230px;border-color:#c4d3f6}.user-page.home-page .home-float{border-color:#e0e7f4;background:#fff;color:#34527f;box-shadow:0 10px 22px rgba(65,98,162,.12)}.user-page.home-page .home-float small{color:#8c9ab0}.user-page.home-page .home-benefit-card,.user-page.home-page .home-plans-panel,.user-page.home-page .home-articles,.user-page.home-page .home-end-cta{border-color:#e2e8f2;background:#fff;box-shadow:0 12px 30px rgba(49,67,112,.07)}.user-page.home-page .home-benefit-card h2,.user-page.home-page .home-section-heading h2,.user-page.home-page .home-end-cta h2{color:#202b46}.user-page.home-page .home-benefit-card p,.user-page.home-page .home-section-heading>div>span:last-child,.user-page.home-page .home-end-cta p{color:#8490a8}.user-page.home-page .home-section-kicker{color:#4667f2}.user-page.home-page .home-section-heading>a,.user-page.home-page .home-benefit-actions>a:not(.button){color:#4667f2}.user-page.home-page .home-plan-card{border-color:#e0e7f2;background:#fff}.user-page.home-page .home-plan-card h3{color:#263858}.user-page.home-page .home-plan-card p{color:#8290a6}.user-page.home-page .home-plan-icon{background:#edf1ff;color:#4667f2}.user-page.home-page .home-plan-region{color:#5278d7}.user-page.home-page .home-plan-meta span{background:#f1f4fa;color:#71809b}.user-page.home-page .home-plan-price{color:#4667f2}.user-page.home-page .home-plan-card>a{background:#edf1ff;color:#4667f2}.user-page.home-page .home-article-grid article{border-color:#e0e7f2;background:#fff}.user-page.home-page .home-article-grid h3{color:#263858}.user-page.home-page .home-article-grid p,.user-page.home-page .home-article-grid small{color:#8290a6}.user-page.home-page .home-end-cta{background:linear-gradient(135deg,#172647,#243667);border-color:#2d4372}.user-page.home-page .home-end-cta h2{color:#fff}.user-page.home-page .home-end-cta p{color:#b5c2df}.user-page.home-page .home-end-cta .button{background:linear-gradient(135deg,#5f7cf2,#7c91f5);color:#fff}
@media(max-width:900px){.user-page.home-page .home-hero{grid-template-columns:1fr;padding:30px 24px}.user-page.home-page .home-network{height:290px}}
@media(max-width:700px){.user-page.home-page .home-hero{padding:24px 18px}.user-page.home-page .home-trust{display:grid;grid-template-columns:1fr 1fr;padding:10px}.user-page.home-page .home-trust>span{border-right:0}.user-page.home-page .home-trust>span:last-child{grid-column:1/-1}.user-page.home-page .home-network-core{width:150px;height:150px}.user-page.home-page .home-network-core img{width:130px;height:72px}.user-page.home-page .home-orbit{width:330px;height:110px}.user-page.home-page .home-orbit.orbit-two{width:280px;height:185px}}

/* screenshot-inspired homepage refresh: scoped to the user homepage */
body.user-page.home-page .home-wrap{max-width:1240px;padding-bottom:36px}
body.user-page.home-page .home-hero{min-height:430px;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:18px;padding:50px 52px;margin-bottom:20px;border:1px solid #e3e8f2;border-radius:26px;background:linear-gradient(112deg,#fff 0%,#f8faff 54%,#eef3ff 100%);box-shadow:0 18px 42px rgba(40,61,112,.08);overflow:hidden}
body.user-page.home-page .home-kicker{display:inline-flex;align-items:center;gap:7px;color:#526fe2;background:#eef1ff;border:1px solid #dce4ff;font-size:10px;font-weight:800;letter-spacing:.08em}
body.user-page.home-page .home-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:#617df2;box-shadow:0 0 0 4px #e1e7ff}
body.user-page.home-page .home-hero h1{max-width:560px;margin:21px 0 15px;color:#1c2947;font-size:clamp(42px,5vw,68px);line-height:1.13;letter-spacing:-3px}
body.user-page.home-page .home-hero h1 em{background:linear-gradient(100deg,#4b6ff1,#8c8ff2);-webkit-background-clip:text;background-clip:text;color:transparent}
body.user-page.home-page .home-hero-copy>p{max-width:500px;margin-bottom:0;color:#7a879f;font-size:13px;line-height:1.9}
body.user-page.home-page .home-hero-actions{margin-top:27px}
body.user-page.home-page .home-hero-actions .button{border-radius:11px;background:linear-gradient(135deg,#536ff0,#7b8cf4);box-shadow:0 11px 24px rgba(76,104,235,.2)}
body.user-page.home-page .home-secondary-button{border-radius:11px;color:#53637d;background:#fff;border-color:#dce4f2}
body.user-page.home-page .home-trust{display:none}
body.user-page.home-page .home-network{height:330px;isolation:isolate}
body.user-page.home-page .home-network:before{width:370px;height:370px;background:radial-gradient(circle,#d6e2ff 0,#e9efff 38%,transparent 69%);filter:none}
body.user-page.home-page .home-network:after{inset:10% 0;background-size:28px 28px;opacity:.35}
body.user-page.home-page .home-map{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;background:radial-gradient(ellipse at 48% 46%,rgba(154,184,250,.22),transparent 62%);clip-path:ellipse(48% 48% at 50% 50%)}
body.user-page.home-page .home-map:before{content:"";position:absolute;inset:16% 5%;border:1px solid rgba(119,150,223,.28);border-radius:50%;transform:rotate(-17deg)}
body.user-page.home-page .home-map:after{content:"";position:absolute;inset:5% 20%;border:1px dashed rgba(117,148,222,.24);border-radius:50%;transform:rotate(37deg)}
body.user-page.home-page .home-network-core{position:absolute;top:50%;left:50%;width:154px;height:154px;transform:translate(-50%,-50%);border:8px solid #dfe8ff;background:linear-gradient(145deg,#91b2ff,#4e70e0);box-shadow:0 14px 32px rgba(73,103,205,.25),0 0 0 1px #8caaf1}
body.user-page.home-page .home-network-core:before{inset:16px;border-color:rgba(255,255,255,.22)}
body.user-page.home-page .home-network-core:after{inset:35px;border-color:rgba(255,255,255,.2)}
body.user-page.home-page .home-network-core img{width:128px;height:70px;filter:brightness(0) invert(1) drop-shadow(0 5px 9px rgba(32,59,141,.22))}
body.user-page.home-page .home-orbit{display:none}
body.user-page.home-page .map-route{position:absolute;z-index:2;height:1px;background:linear-gradient(90deg,transparent,#6b8bed,transparent);transform-origin:left center;opacity:.72}
body.user-page.home-page .route-one{top:46%;left:18%;width:210px;transform:rotate(-18deg)}
body.user-page.home-page .route-two{top:57%;left:52%;width:180px;transform:rotate(-22deg)}
body.user-page.home-page .route-three{top:53%;left:30%;width:220px;transform:rotate(24deg)}
body.user-page.home-page .map-node{position:absolute;z-index:3;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#607fee;box-shadow:0 0 0 5px rgba(96,127,238,.16),0 0 15px rgba(96,127,238,.45)}
body.user-page.home-page .node-one{top:26%;left:18%}.user-page.home-page .node-two{top:24%;right:18%}.user-page.home-page .node-three{bottom:22%;left:25%}.user-page.home-page .node-four{bottom:18%;right:23%}
body.user-page.home-page .home-float{z-index:4;padding:10px 13px;border:1px solid #e0e7f4;border-radius:12px;background:rgba(255,255,255,.94);color:#3d5681;box-shadow:0 10px 24px rgba(58,83,145,.12);font-size:10px;font-weight:800}
body.user-page.home-page .home-float b{color:#5c79e9}.user-page.home-page .home-float small{display:block;margin-top:3px;color:#8b98ae;font-size:9px;font-weight:500}.user-page.home-page .home-float-one{top:36px;left:1%}.user-page.home-page .home-float-two{top:48px;right:1%}.user-page.home-page .home-float-three{right:7%;bottom:24px}
body.user-page.home-page .home-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}
body.user-page.home-page .home-metric-card{display:flex;align-items:center;gap:13px;min-height:83px;padding:17px 20px;border:1px solid #e3e8f2;border-radius:16px;background:#fff;box-shadow:0 11px 25px rgba(45,66,119,.06)}
body.user-page.home-page .home-metric-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#edf1ff;color:#5b77e7;font-size:19px}.user-page.home-page .home-metric-card strong,.user-page.home-page .home-metric-card small{display:block}.user-page.home-page .home-metric-card strong{color:#273858;font-size:24px;line-height:1}.user-page.home-page .home-metric-card small{margin-top:5px;color:#8a96aa;font-size:10px}
body.user-page.home-page .home-feature-grid{grid-template-columns:minmax(220px,.72fr) minmax(0,1.55fr);gap:18px}
body.user-page.home-page .home-benefit-card{min-height:300px;padding:27px;border-radius:20px}.user-page.home-page .home-benefit-card h2{font-size:27px}.user-page.home-page .home-plans-panel{padding:25px;border-radius:20px}.user-page.home-page .home-section-heading h2{font-size:25px}.user-page.home-page .home-plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.user-page.home-page .home-plan-card{min-width:0;padding:16px;border-radius:15px;box-shadow:0 6px 15px rgba(50,76,135,.04)}.user-page.home-page .home-plan-card p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-page.home-page .home-plan-card>a{border-radius:8px}
body.user-page.home-page .home-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.user-page.home-page .home-service-grid>div{display:flex;align-items:flex-start;gap:11px;min-width:0;padding:18px 19px;border:1px solid #e2e8f2;border-radius:16px;background:#fff;box-shadow:0 10px 22px rgba(48,68,118,.05)}.user-page.home-page .home-service-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#edf1ff;color:#5573e6;font-weight:800}.user-page.home-page .home-service-grid strong,.user-page.home-page .home-service-grid small{display:block;overflow-wrap:anywhere}.user-page.home-page .home-service-grid strong{color:#344667;font-size:12px}.user-page.home-page .home-service-grid small{margin-top:4px;color:#8b98ad;font-size:10px;line-height:1.5}.user-page.home-page .home-articles{margin-top:20px}.user-page.home-page .home-end-cta{margin-top:20px}
@media(max-width:900px){body.user-page.home-page .home-hero{grid-template-columns:1fr;padding:35px 30px}.user-page.home-page .home-network{height:280px}.user-page.home-page .home-feature-grid{grid-template-columns:1fr}.user-page.home-page .home-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.user-page.home-page .home-wrap{padding-bottom:22px}.user-page.home-page .home-hero{padding:28px 20px}.user-page.home-page .home-hero h1{font-size:43px;letter-spacing:-2px}.user-page.home-page .home-metrics{grid-template-columns:1fr 1fr}.user-page.home-page .home-metric-card{padding:14px 12px}.user-page.home-page .home-metrics .home-metric-card:last-child{grid-column:1/-1}.user-page.home-page .home-plans-grid,.user-page.home-page .home-service-grid{grid-template-columns:1fr}.user-page.home-page .home-network{height:250px}.user-page.home-page .home-service-grid{margin-top:16px}}
@media(max-width:430px){body.user-page.home-page .home-hero h1{font-size:36px}.user-page.home-page .home-network{height:220px}.user-page.home-page .home-network-core{width:130px;height:130px}.user-page.home-page .home-network-core img{width:111px;height:61px}.user-page.home-page .home-float{padding:8px 9px;font-size:8px}.user-page.home-page .home-float small{font-size:7px}.user-page.home-page .home-float-one{top:17px}.user-page.home-page .home-float-two{top:24px}.user-page.home-page .home-float-three{bottom:12px;right:1%}}
@media(prefers-reduced-motion:reduce){body.user-page.home-page .home-plan-card,body.user-page.home-page .home-float{transition:none!important}}

/* Reference-inspired customer UI: calm canvas, clear navigation, and compact data cards. */
body.user-page{--user-blue:#615be8;--user-cyan:#8a8cf7;--user-canvas:#f5f7fc;--user-ink:#202941}
body.user-page .user-sidebar{background:linear-gradient(180deg,#2c3652 0%,#222c45 100%);box-shadow:10px 0 32px rgba(25,37,72,.1)}
body.user-page .user-sidebar-nav{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#515c79 transparent}
body.user-page .user-nav-link{color:#abb8d2;font-weight:600}
body.user-page .user-nav-link:hover,body.user-page .user-nav-link.active{background:#3c4667;color:#fff}
body.user-page .user-nav-link.active{box-shadow:inset 3px 0 #9291ff}
body.user-page .user-sidebar-help{flex-shrink:0;background:#303b58;border-color:#465270}
body.user-page .user-sidebar-profile{flex-shrink:0}
body.user-page .user-topbar{background:rgba(255,255,255,.92)}
.user-top-search{display:flex;align-items:center;width:min(310px,27vw);height:39px;padding:0 9px;background:#f2f4f9;border:1px solid #e9edf5;border-radius:12px}
.user-top-search:focus-within{border-color:#a9a7ef;box-shadow:0 0 0 3px #817cf121}
.user-top-search button{padding:2px 7px;background:none;border:0;color:#8995af;font-size:22px;line-height:1}
.user-top-search input{flex:1;min-width:0;height:36px;margin:0;padding:0 3px;border:0;outline:0;background:transparent;color:#34415d;font-size:12px;box-shadow:none}
.user-top-search input:focus{border:0;box-shadow:none}
.user-top-search input::placeholder{color:#9da8ba}
.user-service-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 10px;border-radius:20px;background:#f4f7f9;color:#748198;font-size:11px}
.user-service-status i{width:7px;height:7px;border-radius:50%;background:#26be9a;box-shadow:0 0 0 3px #dcf7ed}
.user-page a:focus-visible,.user-page button:focus-visible,.user-page input:focus-visible,.user-page summary:focus-visible{outline:3px solid #8d8af1;outline-offset:3px}
body.user-page.home-page .user-main{background:radial-gradient(ellipse 660px 380px at 76% 9%,#e9eeff 0%,transparent 72%),#f5f7fc}
body.user-page.home-page .home-wrap{max-width:1190px}
body.user-page.home-page .home-hero{min-height:385px;margin:0 0 14px;padding:31px 0 22px;grid-template-columns:minmax(0,.85fr) minmax(330px,1.15fr);gap:20px;align-items:center;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
body.user-page.home-page .home-hero-copy{padding-left:4px}
body.user-page.home-page .home-kicker{font-size:11px;letter-spacing:0;border:0;background:transparent;padding:0;color:#667389}
body.user-page.home-page .home-kicker:before{width:21px;height:21px;border-radius:7px;background:#e9e8ff;box-shadow:none;content:'ϟ';display:grid;place-items:center;color:#635de8;font-size:17px;font-weight:900}
body.user-page.home-page .home-hero h1{font-size:clamp(43px,4.2vw,66px);line-height:1.12;margin:16px 0;color:#202941}
body.user-page.home-page .home-hero h1 em{background:linear-gradient(95deg,#5f59de,#7c82f2);-webkit-background-clip:text;background-clip:text}
body.user-page.home-page .home-hero-copy>p{max-width:470px;font-size:14px;line-height:1.8;color:#7a88a1}
body.user-page.home-page .home-hero-actions{margin-top:24px}
body.user-page.home-page .home-hero-actions .button{background:linear-gradient(135deg,#6962e9,#5a58df);box-shadow:0 10px 24px #6661e63b}
body.user-page.home-page .home-secondary-button{color:#53617d;border-color:#e4e8f3;box-shadow:0 5px 18px #2f426214}
body.user-page.home-page .home-network{height:350px;overflow:visible;display:grid;place-items:center}
body.user-page.home-page .home-network:before{width:420px;height:330px;background:radial-gradient(ellipse,#dfe6ff 0%,#edf2ff 40%,transparent 74%);filter:none}
body.user-page.home-page .home-network:after{display:none}
.user-page.home-page .home-world-map{position:relative;z-index:1;display:block;width:min(100%,620px);height:auto;max-height:345px;object-fit:contain;opacity:.9}
.user-page.home-page .home-map-glow{position:absolute;z-index:0;width:70%;height:55%;border-radius:50%;background:#dce5ff;filter:blur(55px);opacity:.48}
body.user-page.home-page .home-float{z-index:2;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:10px 13px;border-radius:13px;border:1px solid #eef1f8;background:#fff;color:#364667;box-shadow:0 10px 25px #56699921;font-size:11px}
body.user-page.home-page .home-float b{font-size:11px;color:#344361}
body.user-page.home-page .home-float small{grid-column:2;margin:0;font-size:9px;color:#93a0b5}
.user-page.home-page .home-float-dot{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#7b72ed;box-shadow:0 0 0 5px #efedff}
.user-page.home-page .home-float-icon{grid-row:1/3;display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#eeecff;color:#675fe5;font-size:18px}
.user-page.home-page .home-float-one{top:42px;right:2%;left:auto}
.user-page.home-page .home-float-two{top:auto;right:auto;left:2%;bottom:43px}
.user-page.home-page .home-float-three{right:1%;bottom:35px}
body.user-page.home-page .home-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:100%;margin:0 0 38px;padding:10px 17px;background:#fff;border:1px solid #eff1f7;border-radius:19px;box-shadow:0 15px 38px #293d6810}
body.user-page.home-page .home-metric-card{min-height:80px;padding:14px 19px;border:0;border-radius:0;box-shadow:none;background:transparent}
body.user-page.home-page .home-metric-card:nth-child(odd){border-right:1px solid #edf0f6}
body.user-page.home-page .home-metric-card:nth-child(-n+2){border-bottom:1px solid #edf0f6}
body.user-page.home-page .home-metric-icon{width:39px;height:39px;flex:0 0 39px;border-radius:11px;background:#efedff;color:#6b63e6}
body.user-page.home-page .home-metric-card:nth-child(3) .home-metric-icon{background:#e9f9fb;color:#2ba9be}
body.user-page.home-page .home-metric-card:nth-child(4) .home-metric-icon{background:#fff4e8;color:#e39a49}
body.user-page.home-page .home-metric-card strong{font-size:19px;color:#303b58}
body.user-page.home-page .home-feature-grid{display:flex;flex-direction:column;gap:18px}
body.user-page.home-page .home-plans-panel{order:0;padding:0;border:0;background:transparent;box-shadow:none}
body.user-page.home-page .home-benefit-card{order:1;min-height:0;background:linear-gradient(110deg,#2d385c,#3a4780);border:0;box-shadow:0 15px 35px #26396920}
body.user-page.home-page .home-benefit-card h2{color:#fff}
body.user-page.home-page .home-benefit-card p,body.user-page.home-page .home-benefit-card time{color:#c6cfeb}
body.user-page.home-page .home-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.user-page.home-page .home-plan-card{padding:22px;border:1px solid #e9ecf5;border-radius:18px;background:#fff;box-shadow:0 10px 26px #2d3d6910}
body.user-page.home-page .home-plan-card p{font-size:12px;white-space:normal;height:auto;min-height:42px}
body.user-page.home-page .home-plan-card:hover{border-color:#aaa8f6;box-shadow:0 15px 32px #635de923}
body.user-page.home-page .home-plan-icon{background:#eeecff;color:#6e67e7}
body.user-page.home-page .home-plan-card>a{background:#f3f1ff;color:#625be0}
body.user-page.home-page .home-section-kicker,body.user-page.home-page .home-section-heading>a{color:#6660e2}
body.user-page.home-page .home-service-grid>div{box-shadow:0 8px 25px #2d3d690c}
@media(max-width:1150px){.user-top-search{width:220px}.user-service-status{display:none}}
@media(max-width:900px){.user-top-search{width:min(280px,36vw)}body.user-page.home-page .home-hero{grid-template-columns:minmax(0,.9fr) minmax(290px,1.1fr)}}
@media(max-width:760px){.user-top-search{display:none}body.user-page.home-page .home-hero{grid-template-columns:1fr;padding:18px 0 5px}body.user-page.home-page .home-network{height:270px}body.user-page.home-page .home-world-map{max-height:270px}body.user-page.home-page .home-metrics{margin-bottom:29px}}
@media(max-width:580px){body.user-page.home-page .home-hero h1{font-size:42px}body.user-page.home-page .home-hero-copy>p{font-size:13px}body.user-page.home-page .home-network{height:240px}body.user-page.home-page .home-world-map{max-height:240px}body.user-page.home-page .home-float{padding:7px 9px;font-size:9px}body.user-page.home-page .home-float b{font-size:9px}body.user-page.home-page .home-float small{font-size:8px}body.user-page.home-page .home-float-one{top:18px}body.user-page.home-page .home-float-two{bottom:15px}body.user-page.home-page .home-float-three{bottom:14px}body.user-page.home-page .home-metrics{padding:6px 10px}body.user-page.home-page .home-metric-card{padding:12px 7px;gap:8px}body.user-page.home-page .home-metric-card strong{font-size:14px}body.user-page.home-page .home-metric-card small{font-size:9px}body.user-page.home-page .home-metric-icon{width:31px;height:31px;flex-basis:31px;font-size:15px}body.user-page.home-page .home-plans-grid{grid-template-columns:1fr}}

/* Match the same violet accent on catalog controls and supporting pages. */
body.user-page.products-page .user-main{background:radial-gradient(ellipse 530px 320px at 88% 7%,#e9eeff 0%,transparent 74%),#f5f7fc}
body.user-page .purchase-hero h1,body.user-page .downloads-hero h1{color:#202941}
body.user-page .purchase-hero:after{color:#dfe5fb99}
body.user-page .purchase-points span:before{background:#eeecff;color:#6b63e6}
body.user-page .purchase-filter{background:#edf0f8}
body.user-page .purchase-filter button.is-active{color:#625be0}
body.user-page .purchase-card{border-color:#e8ecf5;box-shadow:0 12px 29px #2d3d6910}
body.user-page .purchase-card:hover{border-color:#aaa7f1;box-shadow:0 16px 35px #625ce31b}
body.user-page .purchase-icon,body.user-page .purchase-badge{background:#eeecff;color:#6b63e6}
body.user-page .purchase-plan input:checked+span{border-color:#7972e8;background:#f4f2ff;color:#6059db;box-shadow:0 0 0 1px #7972e8}
body.user-page .purchase-price{color:#343f75}
body.user-page .purchase-button,body.user-page .download-filter.is-active{background:linear-gradient(135deg,#7068ec,#5e5bdd);box-shadow:0 7px 17px #6860df36}
body.user-page .purchase-button:hover{background:#5550cf}
.purchase-no-match{margin-top:13px;padding:20px;border:1px dashed #c9c8ef;border-radius:14px;background:#fff;color:#69748e;text-align:center;font-size:13px}
.purchase-no-match[hidden]{display:none}
body.user-page .button,body.user-page .pill{background:linear-gradient(135deg,#7068ec,#5e5bdd);box-shadow:0 7px 17px #6860df2e}
body.user-page.home-page .home-benefit-actions .button{background:#fff;color:#504bd1;box-shadow:none}
body.user-page.home-page .home-end-cta .button{background:#fff;color:#504bd1;box-shadow:none}
body.user-page .download-button{background:linear-gradient(135deg,#7068ec,#5e5bdd);box-shadow:0 6px 14px #6860df2b}
body.user-page .download-filter>span,body.user-page .downloads-notes>div>span,body.user-page .downloads-tutorial-grid>a>span{color:#6760df}
@media(max-width:900px){body.user-page.downloads-page .downloads-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}body.user-page.downloads-page .downloads-device-art{min-width:0;width:100%;overflow:hidden}}
@media(max-width:700px){body.user-page.downloads-page .downloads-hero{grid-template-columns:1fr}}

/* Subscription catalog details from the reference composition. */
body.user-page .user-brand{flex-shrink:0;height:62px;margin:0 0 19px;padding:7px 11px;border-radius:15px;background:#fff;box-shadow:0 10px 23px #111c3652}
body.user-page .user-brand img{width:100%;height:48px;object-position:center}
body.user-page.home-page .home-section-heading{margin-bottom:14px}
.home-plan-tabs{display:inline-flex;gap:3px;max-width:100%;margin:0 0 16px;padding:4px;border:1px solid #e9ecf3;border-radius:11px;background:#ebedf3;overflow-x:auto}
.home-plan-tabs button{padding:7px 17px;border:0;border-radius:8px;background:transparent;color:#8e99ad;font-size:11px;font-weight:700;white-space:nowrap}
.home-plan-tabs button:hover{color:#5d57d6}
.home-plan-tabs button.is-active{background:#fff;color:#625be0;box-shadow:0 2px 8px #2636621c}
body.user-page.home-page .home-plan-card{display:flex;flex-direction:column;min-height:220px;padding:20px 21px 16px}
body.user-page.home-page .home-plan-card[hidden]{display:none}
body.user-page.home-page .home-plan-card h3{margin:14px 0 5px;font-size:18px}
body.user-page.home-page .home-plan-card p{margin:0 0 13px;min-height:0;line-height:1.55}
.user-page.home-page .home-plan-badge{padding:4px 8px;border-radius:7px;background:#f0efff;color:#746de8;font-size:10px;font-weight:800}
.user-page.home-page .home-plan-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:auto;padding:12px 0;border-top:1px solid #eff1f6;border-bottom:1px solid #eff1f6}
.user-page.home-page .home-plan-facts>span{min-width:0;padding:0 9px;border-right:1px solid #eff1f6}
.user-page.home-page .home-plan-facts>span:first-child{padding-left:0}
.user-page.home-page .home-plan-facts>span:last-child{border:0;padding-right:0}
.user-page.home-page .home-plan-facts small,.user-page.home-page .home-plan-facts b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-page.home-page .home-plan-facts small{color:#98a3b6;font-size:9px}
.user-page.home-page .home-plan-facts b{margin-top:3px;color:#39496a;font-size:11px}
body.user-page.home-page .home-plan-bottom{margin-top:13px;align-items:end}
.user-page.home-page .home-plan-bottom>span>small{display:block;color:#98a3b6;font-size:9px}
body.user-page.home-page .home-plan-price{display:block;color:#625be0;font-size:23px;line-height:1.15}
body.user-page.home-page .home-plan-price small{font-size:10px;color:#9aa5b7;font-weight:500}
body.user-page.home-page .home-plan-card>a,body.user-page.home-page .home-plan-bottom>a{padding:7px 10px;border-radius:8px;background:#f2f1ff;color:#625be0;font-size:10px;font-weight:800}
.home-plan-no-match{padding:21px;border:1px dashed #d5d4ef;border-radius:13px;background:#fff;color:#748099;font-size:12px;text-align:center}
.home-plan-no-match[hidden]{display:none}
@media(max-width:430px){.home-plan-tabs{display:flex;width:100%}.home-plan-tabs button{flex:1;padding:8px 6px}.user-page.home-page .home-plan-facts b{font-size:10px}}

/* Figma Make customer layout */
body.user-page{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Noto Sans SC",sans-serif;background:#f6f8fc}
body.user-page .user-shell{background:#f6f8fc}
body.user-page .user-sidebar{inset:12px auto 12px 12px;width:224px;height:calc(100vh - 24px);padding:23px 14px 16px;border-radius:20px;background:linear-gradient(180deg,#2c3651,#222c45);box-shadow:0 18px 42px #1d2b491c}
body.user-page .user-brand{height:64px;margin-bottom:22px;padding:7px 10px;border-radius:15px}
body.user-page .user-brand img{height:49px;object-fit:contain}
body.user-page .user-nav-label{margin:14px 12px 7px;color:#8290af}
body.user-page .user-nav-link{min-height:40px;padding:0 12px;border-radius:10px;font-size:12px}
body.user-page .user-nav-link.active{box-shadow:none;background:#566287;color:#fff}
body.user-page .user-sidebar-help{padding:13px;border-radius:14px}
body.user-page .user-main-column{width:calc(100% - 248px);margin-left:248px;padding:12px 12px 0 0}
body.user-page .user-topbar{position:sticky;top:12px;height:60px;max-width:none;padding:0 22px;border:1px solid #edf0f7;border-radius:17px;background:#ffffffad;box-shadow:0 8px 26px #3643670a;backdrop-filter:blur(18px)}
body.user-page .user-page-heading{display:none}
body.user-page .user-top-actions{width:100%;gap:12px}
body.user-page .user-top-search{width:min(330px,42%);height:36px;margin-right:auto;border:0;border-radius:10px;background:#f3f5f9}
body.user-page .user-service-status{display:inline-flex;padding:7px 10px;background:#f2f7f5;color:#668778}
body.user-page .user-top-avatar{width:33px;height:33px;border-radius:50%;background:#e9e8ff;color:#645edb}
body.user-page .user-main{min-height:calc(100vh - 120px);padding:22px 22px 50px;background:#f6f8fc}
body.user-page .user-footer{margin:0 22px;padding:18px 0;border-top:1px solid #e9edf5;background:transparent}
.user-breadcrumb{display:flex;align-items:center;gap:9px;max-width:1180px;margin:0 auto 17px;color:#a1abc0;font-size:11px}
.user-breadcrumb a{color:#9aa5b9}.user-breadcrumb strong{font-weight:600;color:#78859c}
.ux-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 21px!important;padding:0!important;min-height:0!important;background:none!important;border:0!important;box-shadow:none!important}
.ux-page-head:after{display:none!important}
.ux-page-head h1{margin:0 0 6px!important;color:#25314b!important;font-size:29px!important;font-weight:800;line-height:1.24!important;letter-spacing:-.03em!important}
.ux-page-head p{margin:0!important;color:#8a96ab!important;font-size:12px!important}
.ux-outline-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border:1px solid #e4e8f2;border-radius:9px;background:#fff;color:#65718a;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 4px 14px #3145650a}
.ux-outline-button:hover{border-color:#bcb8f0;color:#5f5bdb}

/* Subscription shop */
body.user-page .purchase-wrap{max-width:1180px;padding:0 0 22px}
body.user-page .purchase-hero{margin-bottom:20px}
.ux-promo,.benefits-hero,.orders-summary,.support-banner{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;border-radius:19px;background:linear-gradient(110deg,#30365b 0%,#5750a5 56%,#7969d5 100%);color:#fff}
.ux-promo{min-height:190px;margin:0 0 29px;padding:26px 34px}
.ux-promo>div:first-child,.benefits-hero>div:first-child,.orders-summary>div:first-child,.support-banner>div:first-child{position:relative;z-index:1}
.ux-promo span,.benefits-hero span,.orders-summary span,.support-banner span{font-size:11px;font-weight:700;color:#e0dffd}
.ux-promo h2,.benefits-hero h2,.support-banner h2{margin:8px 0 7px;color:#fff;font-size:25px;letter-spacing:-.03em}
.ux-promo p,.benefits-hero p,.support-banner p{margin:0;color:#e3e1fb;font-size:12px}
.ux-promo a,.benefits-hero a{display:inline-flex;margin-top:19px;padding:9px 16px;border-radius:9px;background:#fff;color:#625cba;font-size:11px;font-weight:800}
.ux-promo-orbit,.benefits-orbit{position:absolute;right:9%;top:-50px;width:260px;height:260px;border:1px solid #ffffff50;border-radius:50%;box-shadow:0 0 0 26px #ffffff12,0 0 0 56px #ffffff0b;display:grid;place-items:center;color:#fff;font-size:85px;transform:rotate(-16deg)}
.ux-promo-orbit i{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;top:17px;left:55px}.ux-promo-orbit i+i{top:auto;left:auto;bottom:35px;right:24px;background:#b1adff}
body.user-page .purchase-heading{align-items:end;margin-bottom:17px}
body.user-page .purchase-heading h2{display:block;margin:0 0 4px;color:#26314d;font-size:20px}
body.user-page .purchase-heading>div>span{font-size:11px}
body.user-page .purchase-filter{background:#eeeff5;border-radius:10px}
body.user-page .purchase-filter button{padding:7px 14px;font-size:11px}
body.user-page .purchase-grid{gap:16px}
body.user-page .purchase-card{padding:20px;border-radius:17px;box-shadow:0 9px 28px #3645740d}
body.user-page .purchase-card h2{font-size:19px;color:#28344e}
body.user-page .purchase-description{height:auto;min-height:34px;line-height:1.5}
body.user-page .purchase-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:13px 0;padding:12px 0;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}
body.user-page .purchase-specs span{padding:0 6px;border:0;border-right:1px solid #edf0f5;border-radius:0;background:transparent;color:#65718a;text-align:center;font-size:10px}
body.user-page .purchase-specs span:last-child{border:0}
body.user-page .purchase-plan-label{margin-top:12px}
body.user-page .purchase-footer{margin-top:17px}
body.user-page .purchase-price{font-size:24px;color:#625bde}
body.user-page .purchase-button{min-width:110px;padding:9px 13px;font-size:11px}

/* Download center */
body.user-page .downloads-wrap{max-width:1180px;padding:0 0 28px}
body.user-page .downloads-hero{min-height:215px;margin-bottom:21px;padding:22px 30px;border:1px solid #e5e7fb;border-radius:19px;background:linear-gradient(110deg,#efefff,#e4e8ff 70%,#dcddff);overflow:hidden}
body.user-page .downloads-hero h2{margin:8px 0;color:#343768;font-size:26px;line-height:1.23}
body.user-page .downloads-hero p{max-width:370px;font-size:11px}
body.user-page .downloads-hero .button{display:inline-flex;margin-top:17px;padding:9px 15px;font-size:11px}
body.user-page .downloads-device-art{min-height:170px;height:170px}
body.user-page .downloads-platforms{margin:0 0 20px;box-shadow:none;background:#edeff6}
body.user-page .downloads-layout{display:block}
body.user-page .downloads-catalog{padding:0;border:0;background:none;box-shadow:none}
body.user-page .downloads-section-heading h2{font-size:20px;color:#29344e}
body.user-page .download-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
body.user-page .download-app-card{border:1px solid #e9edf4;border-radius:17px;background:#fff;box-shadow:0 8px 26px #3645740d}
body.user-page .downloads-guide{margin-top:19px;border-radius:17px}

/* Orders, tickets, and account */
body.user-page .orders-wrap{max-width:1180px;padding:0 0 28px}
.orders-summary{min-height:150px;margin-bottom:16px;padding:25px 31px}
.orders-summary h2{margin:5px 0;color:#fff;font-size:37px}.orders-summary h2 small{font-size:14px}.orders-summary p{margin:0;color:#e4e2fc;font-size:11px}.orders-summary-art{position:absolute;right:9%;font-size:115px;color:#ffffff38}
body.user-page .orders-stats{gap:12px;margin-bottom:18px}
body.user-page .orders-stat-card{padding:12px 15px;border-radius:14px;box-shadow:0 7px 21px #3645740b}
body.user-page .orders-stat-icon{width:38px;height:38px;flex-basis:38px;border-radius:10px;font-size:19px}
body.user-page .orders-stat-card b{font-size:19px}
body.user-page .orders-panel{border-radius:18px;overflow:hidden}
body.user-page .support-page{max-width:1180px;padding:0 0 30px}
body.user-page .support-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:16px}
.support-overview>div{display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:8px;padding:15px;border:1px solid #e9ecf4;border-radius:15px;background:#fff;box-shadow:0 7px 23px #3645740b}
.support-overview span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#efedff;color:#6b63e3;font-size:18px}.support-overview small{color:#919bb0;font-size:10px}.support-overview strong{color:#26354f;font-size:19px}
.support-banner{min-height:125px;margin-bottom:18px;padding:21px 27px}.support-banner h2{font-size:20px}.support-banner>span:last-child{position:absolute;right:11%;font-size:86px;color:#ffffff38}
body.user-page .support-list-card{margin:0 0 18px;border-radius:17px}
body.user-page .support-layout{grid-template-columns:minmax(0,1.5fr) minmax(215px,.7fr)}
body.user-page .account-page{max-width:1180px;margin:auto}
.account-settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:17px;align-items:start}
.account-settings-nav{position:sticky;top:90px;display:grid;gap:3px;padding:10px;border:1px solid #e9edf4;border-radius:16px;background:#fff;box-shadow:0 8px 24px #3645740b}
.account-settings-nav a{padding:11px 10px;border-radius:9px;color:#78849b;font-size:11px;font-weight:700}.account-settings-nav a:hover,.account-settings-nav a.active{background:#f1f0ff;color:#645edc}
.account-settings-content{display:grid;gap:16px}
body.user-page .account-settings-content .form-card{width:100%;max-width:none;margin:0;padding:25px 28px;border-radius:17px}
.account-card-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:22px}.account-card-head h2{margin:0 0 4px;color:#27334c;font-size:19px}.account-card-head p{margin:0;color:#96a0b3;font-size:11px}.account-avatar{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:#e9e7ff;color:#625bd9;font-size:20px;font-weight:800}
body.user-page .account-settings-content label{display:block;max-width:540px;color:#67748a;font-size:11px;font-weight:700}
body.user-page .account-settings-content input{margin-top:7px;border:1px solid #e5e9f2;border-radius:9px;background:#fafbfe}
body.user-page .account-settings-content input:disabled{color:#8c97aa;background:#f4f6fa}
body.user-page .account-settings-content .button{margin-top:7px}

/* Tutorials and public benefit content */
body.user-page .article-page-wrap,body.user-page .benefits-wrap{max-width:1180px;min-height:0;margin:0 auto;padding:0 0 30px}
.tutorial-search{display:flex;align-items:center;gap:10px;width:100%;height:47px;margin:4px 0 25px;padding:0 8px 0 16px;border:1px solid #e8ecf3;border-radius:13px;background:#fff;box-shadow:0 6px 20px #36457409}
.tutorial-search>span{color:#9ca6b8;font-size:22px}.tutorial-search input{flex:1;min-width:0;height:42px;margin:0;padding:0;border:0;box-shadow:none;background:transparent;font-size:12px}.tutorial-search input:focus{border:0;box-shadow:none}.tutorial-search button{border:0;border-radius:8px;padding:8px 15px;background:#efedff;color:#625bdc;font-size:11px;font-weight:700}
.tutorial-section-head{display:flex;align-items:end;justify-content:space-between;margin:22px 0 13px}.tutorial-section-head h2{margin:0 0 3px;color:#28344d;font-size:20px}.tutorial-section-head p{margin:0;color:#99a3b5;font-size:11px}.tutorial-section-head a{color:#625bdc;font-size:11px;font-weight:700}
.tutorial-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tutorial-category{display:grid;grid-template-columns:42px 1fr;column-gap:13px;align-items:center;min-height:103px;padding:17px;border:1px solid #e9edf4;border-radius:15px;background:#fff;box-shadow:0 8px 23px #3645740a}.tutorial-category-icon{grid-row:1/4;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#efedff;color:#6b63e7;font-size:20px}.tutorial-category strong{color:#303b54;font-size:14px}.tutorial-category small{color:#98a3b4;font-size:10px}.tutorial-category b{color:#625cda;font-size:10px}.tutorial-category:nth-child(4n+2) .tutorial-category-icon{background:#eaf6ff;color:#5a97da}.tutorial-category:nth-child(4n+3) .tutorial-category-icon{background:#fff3e8;color:#e4a05a}.tutorial-category:nth-child(4n+4) .tutorial-category-icon{background:#e9f8f2;color:#4baf84}
body.user-page .article-list-grid{gap:14px}.article-list-card{border-radius:15px}.article-list-card .article-cover{width:100px;min-width:100px;height:100px}.article-list-card h2{font-size:15px}
.benefits-hero{min-height:240px;margin-bottom:14px;padding:31px 36px}.benefits-hero h2{font-size:29px}.benefits-hero p{max-width:470px;line-height:1.65}.benefits-note{padding:11px 14px;border:1px solid #f5e9c9;border-radius:10px;background:#fff9e9;color:#a38249;font-size:11px}.benefits-list{display:grid;gap:10px}.benefits-article{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #e8edf4;border-radius:13px;background:#fff}.benefits-article>span{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#efedff;color:#645de0}.benefits-article div{min-width:0;flex:1}.benefits-article strong,.benefits-article small{display:block}.benefits-article strong{font-size:12px;color:#303a52}.benefits-article small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#97a1b3;font-size:10px}.benefits-article>b{color:#6a63df}
/* Authentication and detail flows share the same white-card language. */
.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.78fr);max-width:880px;min-height:480px;margin:20px auto 48px;overflow:hidden;border:1px solid #e7eaf3;border-radius:20px;background:#fff;box-shadow:0 16px 46px #36457414}
.auth-card{padding:47px 44px}.auth-eyebrow{color:#6b65df;font-size:11px;font-weight:800}.auth-card h1{margin:10px 0 7px;color:#27324c;font-size:30px}.auth-card>p{margin:0 0 25px;color:#939eb2;font-size:12px}.auth-card label{display:block;margin:15px 0;color:#657188;font-size:11px;font-weight:700}.auth-card input{display:block;width:100%;height:42px;margin-top:7px;padding:0 13px;border:1px solid #e3e8f1;border-radius:9px;background:#f9fafe;font-size:12px}.auth-card .button{width:100%;margin-top:16px;padding:12px;font-size:12px}.auth-card .auth-switch{margin:20px 0 0;text-align:center}.auth-switch a{color:#655edf;font-weight:800}.auth-side{position:relative;overflow:hidden;padding:47px 30px;background:linear-gradient(130deg,#30365b,#7466cd);color:#fff}.auth-side>span{font-size:11px;color:#d5d1ff}.auth-side h2{position:relative;z-index:1;margin:78px 0 12px;font-size:31px;line-height:1.3}.auth-side p{position:relative;z-index:1;max-width:250px;color:#dedbf8;font-size:12px;line-height:1.7}.auth-orbit{position:absolute;right:-48px;bottom:-63px;display:grid;place-items:center;width:275px;height:275px;border:1px solid #ffffff59;border-radius:50%;box-shadow:0 0 0 32px #ffffff12,0 0 0 66px #ffffff0b;color:#fff;font-size:82px}
body.user-page .detail,body.user-page .article-detail-page,body.user-page .support-detail-card{border-radius:18px;border-color:#e7eaf3;box-shadow:0 12px 35px #36457410}
body.user-page.home-page .home-world-map{filter:drop-shadow(0 11px 13px #788fe023)}
body.user-page.home-page .home-trust{display:flex;flex-wrap:wrap;gap:13px;margin:22px 0 0;padding:0;border:0;background:transparent;box-shadow:none}
body.user-page.home-page .home-trust>span{padding:0;border:0;gap:5px}
body.user-page.home-page .home-trust b{width:24px;height:24px;flex:0 0 24px;font-size:14px;background:#eeedff;color:#6861e6}
body.user-page.home-page .home-trust strong{font-size:10px;color:#5c6881}
body.user-page.home-page .home-trust small{display:none}
body.user-page .purchase-card:nth-child(2) .purchase-badge{background:#eeecff;color:#6b63e6}
@media(max-width:1100px){body.user-page .user-top-help{display:none}body.user-page .user-top-actions{gap:9px}body.user-page .user-top-search{width:min(280px,43%)}}
@media(max-width:900px){body.user-page .user-sidebar{inset:12px auto 12px 12px;height:calc(100vh - 24px);transform:translateX(calc(-100% - 12px))}body.user-page.user-sidebar-open .user-sidebar{transform:translateX(0)}body.user-page .user-main-column{width:100%;margin-left:0;padding:12px}body.user-page .user-topbar{top:12px}body.user-page .user-menu-toggle{display:block}body.user-page .user-page-heading{display:none}}
@media(max-width:700px){body.user-page .user-main{padding:19px 6px 36px}body.user-page .user-topbar{padding:0 13px}.user-breadcrumb{margin-bottom:13px}.ux-page-head{align-items:flex-start}.ux-page-head h1{font-size:25px!important}.ux-outline-button{padding:0 9px}.ux-promo{min-height:185px;padding:23px}.ux-promo h2{font-size:21px}.ux-promo-orbit,.benefits-orbit{right:-90px;opacity:.45}.purchase-grid,.download-grid,.tutorial-categories,.article-list-grid{grid-template-columns:1fr!important}.account-settings-layout{grid-template-columns:1fr}.account-settings-nav{position:static;display:flex;overflow-x:auto}.account-settings-nav a{white-space:nowrap}.support-overview{gap:7px!important}.support-overview>div{padding:10px;grid-template-columns:1fr}.support-overview span{grid-row:auto}.orders-summary{min-height:135px}.benefits-hero{padding:25px}.user-page .downloads-hero{padding:20px!important}.auth-layout{grid-template-columns:1fr;margin:8px auto 30px}.auth-card{padding:30px 23px}.auth-side{display:none}}

/* Sidebar details from the Figma template. */
body.user-page .user-sidebar{background:linear-gradient(155deg,rgba(23,33,59,.97),rgba(12,20,42,.97));box-shadow:0 18px 44px #17213b24}
body.user-page .user-brand{width:196px;height:45px;min-height:45px;flex:0 0 45px;margin:-7px 0 -2px;padding:0;border-radius:15px;background:#ffffffed;box-shadow:none;overflow:hidden}
body.user-page .user-brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
body.user-page .user-sidebar-nav{display:flex;flex:1 1 auto;flex-direction:column;gap:5px;min-height:0;margin:25px 0 8px;padding:0 2px 0 0;overflow-y:auto;scrollbar-width:none}
body.user-page .user-sidebar-nav::-webkit-scrollbar{width:0}
body.user-page .user-nav-label{display:block;flex:0 0 22px;height:22px;margin:0;padding:0 12px 7px;color:#66748f;font-size:10px;font-weight:400;letter-spacing:.03em}
body.user-page .user-nav-label-space{margin-top:14px}
body.user-page .user-nav-link{position:relative;display:flex;flex:0 0 40px;align-items:center;gap:12px;width:100%;height:40px;min-height:40px;margin:0;padding:10px 12px;border-radius:11px;color:#8f9ab0;font-size:13px;font-weight:400;line-height:20px;white-space:nowrap;transition:background .18s,color .18s}
body.user-page .user-nav-link svg{width:20px;height:20px;flex:0 0 20px;color:inherit}
body.user-page .user-nav-link>span{display:inline;min-width:0;width:auto;color:inherit;font-size:inherit;overflow:hidden;text-overflow:ellipsis}
body.user-page .user-nav-link:hover{background:#ffffff12;color:#e3e8fb}
body.user-page .user-nav-link.active,body.user-page .user-nav-link.active:hover{background:linear-gradient(120deg,#ffffff1c,#8986ff1c);color:#fff;box-shadow:none;font-weight:600}
body.user-page .user-nav-link.active:before{content:"";position:absolute;left:0;top:7px;width:3px;height:26px;border-radius:3px;background:#9691ff;box-shadow:0 0 9px #9590ff99}
body.user-page .user-nav-link.active svg{color:#aaa5ff;filter:drop-shadow(0 0 4px #918bff77)}
body.user-page .user-nav-chip{margin-left:auto;color:#8190a8;font-size:10px;font-style:normal;font-weight:400}
body.user-page .user-nav-new{padding:2px 6px;border-radius:8px;background:#2cc58a24;color:#a6ffdd;font-size:7px;line-height:11px}
body.user-page .user-nav-sub{padding-left:23px;font-size:12px;color:#7785a0}
body.user-page .user-nav-sub i{display:block;width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:#697991}
body.user-page .user-nav-sub.active i{background:#aaa5ff}
body.user-page .user-sidebar-help{flex:0 0 auto;margin:12px 0 0;padding:15px;border:1px solid #ffffff14;border-radius:16px;background:linear-gradient(145deg,#ffffff0d,#ffffff05);box-shadow:none}
body.user-page .user-help-icon{display:grid;place-items:center;width:31px;height:31px;margin-bottom:11px;border-radius:9px;background:#7771e8;color:#fff}
body.user-page .user-sidebar-help b{font-size:12px;font-weight:700;color:#fff}
body.user-page .user-sidebar-help small{font-size:10px;color:#9ba7bd}
body.user-page .user-sidebar-help a{display:flex;align-items:center;gap:5px;margin-top:12px;color:#b5b0ff;font-size:10px}
body.user-page .user-sidebar-help a span{font-size:17px;line-height:8px}
body.user-page .user-sidebar-profile{display:flex;align-items:center;gap:10px;flex:0 0 49px;min-height:49px;margin:17px 0 0;padding:13px 7px 2px;border-top:1px solid #ffffff16;color:#fff;text-decoration:none}
body.user-page .user-profile-avatar{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:linear-gradient(140deg,#f8e2c8,#e9b982);color:#79583e;font-size:10px;font-weight:800}
body.user-page .user-profile-copy{display:block;min-width:0;flex:1}
body.user-page .user-profile-copy b,body.user-page .user-profile-copy small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.user-page .user-profile-copy b{color:#eef1fb;font-size:11px;font-weight:600}
body.user-page .user-profile-copy small{margin-top:2px;color:#8e9bb3;font-size:9px}
body.user-page .user-profile-chevron{color:#8b98ae;font-size:19px}
@media(max-height:800px){body.user-page .user-sidebar-help{display:none}}
@media(max-width:900px){body.user-page .user-sidebar{height:calc(100vh - 24px)}body.user-page .user-sidebar-nav{margin-top:25px}}

/* Activity links have an honest empty state until the service publishes events. */
.events-hero{padding:28px 34px;border-radius:19px;background:linear-gradient(110deg,#30365b,#7466cd);color:#fff}
.events-hero>span{color:#d9d5ff;font-size:10px;font-weight:700;letter-spacing:.1em}.events-hero h2{margin:9px 0 6px;color:#fff;font-size:27px}.events-hero p{margin:0;color:#e1def8;font-size:12px}
.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.event-tile{display:grid;grid-template-columns:38px 1fr;gap:4px 12px;align-items:center;min-height:91px;padding:16px;border:1px solid #e8ecf4;border-radius:15px;background:#fff}.event-tile>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eeecff;color:#7067e0;font-size:18px}.event-tile strong{color:#303b54;font-size:13px}.event-tile small,.events-back{color:#6a63d9;font-size:10px}.events-back{display:inline-block;margin:17px 0 3px;font-weight:700}
@media(max-width:600px){.event-grid{grid-template-columns:1fr}}