:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;color:#152238;background:#f3f6fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f3f6fa;color:#152238;font-size:14px;line-height:1.5}body>h1,body>h2,body>p,body>form,body>table,body>ul,body>pre,body>fieldset{max-width:1060px;margin-left:auto;margin-right:auto}body>h1{margin-top:34px;font-size:28px;letter-spacing:-.02em}body>h2{margin-top:28px;font-size:18px}body>p{color:#63748a}body>p:first-child{max-width:none;background:#101d33;color:#e6f0ff;margin:0;padding:14px max(20px,calc((100% - 1060px)/2));box-shadow:0 2px 15px #172b4314}a{color:#1466ad;text-decoration:none;font-weight:650}a:hover{text-decoration:underline}form{background:#fff;border:1px solid #dce5ef;border-radius:10px;padding:22px;margin-top:18px;box-shadow:0 6px 22px #1c35500b}label{display:block;color:#4c5e73;font-weight:650;margin:14px 0 6px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #c4d1df;border-radius:7px;background:#fbfdff;color:#17253a;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#2b9a68;box-shadow:0 0 0 3px #2b9a6820}button{border:0;border-radius:7px;background:#18794f;color:#fff;padding:11px 17px;font:inherit;font-weight:750;cursor:pointer;margin-top:12px}button:hover{background:#12613f}table{width:calc(100% - 40px);border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #dce5ef;border-radius:10px;overflow:hidden;box-shadow:0 6px 22px #1c35500b;margin-top:18px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #e8eef4}th{background:#f7fafd;color:#607188;font-size:12px;text-transform:uppercase;letter-spacing:.05em}tr:last-child td{border-bottom:0}pre{background:#101d33;color:#dceaff;border-radius:9px;padding:18px;overflow:auto;margin-top:18px}fieldset{border:1px solid #dce5ef;border-radius:9px;margin-top:17px;padding:15px}legend{color:#50647b;font-weight:750}ul{padding:0;list-style:none}li{background:#fff;border-bottom:1px solid #e8eef4;padding:11px 13px}body>ul{border:1px solid #dce5ef;border-radius:9px;overflow:hidden;margin-top:18px}.error{color:#a52c3a;background:#fff0f1;border:1px solid #f0c9ce;border-radius:7px;padding:10px 12px}.success{color:#17643e;background:#ecfaf2;border:1px solid #bce8cd;border-radius:7px;padding:10px 12px}.nav{background:#101d33!important;color:#fff!important;padding:14px max(20px,calc((100% - 1180px)/2))!important}.nav a{color:#dceaff!important;margin-left:15px}.wrap{max-width:1180px}.panel,.card,.stat{border-radius:10px}.table{width:100%;margin-top:0;border:0;box-shadow:none}body>p a{color:#dceaff;margin-right:14px}@media(max-width:700px){body{font-size:13px}body>h1{margin-top:24px;font-size:24px}body>form,body>table,body>ul,body>pre,body>fieldset{width:calc(100% - 28px)}table{display:block;overflow-x:auto;white-space:nowrap}body>p:first-child{overflow:auto;white-space:nowrap}}

.auth{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 0,#6aa6d91c,transparent 32%),linear-gradient(180deg,#f7fafd,#eaf1f7)}.auth>h1,.auth>form,.auth>p{width:min(420px,100%);margin-left:auto;margin-right:auto}.auth>h1{font-size:30px;text-align:center;margin:0 0 16px}.auth>form{margin:0;background:#ffffffd9;box-shadow:0 18px 50px #31506b1c;border-radius:14px;padding:26px}.auth>p{text-align:center;margin:12px auto 0}.auth>p.error,.auth>p.success{margin:0 auto 12px}


.dark-page,body{background:radial-gradient(circle at 8% 0,#3455a52e,transparent 32%),radial-gradient(circle at 92% 100%,#1da36b20,transparent 30%),linear-gradient(180deg,#07101f,#0d1b33 52%,#06101f);color:#edf4ff}.auth{background:radial-gradient(circle at 8% 0,#3455a52e,transparent 32%),linear-gradient(180deg,#07101f,#0d1b33)}body>h1,body>h2{color:#f1f6ff}body>p{color:#a9bad0}body>p:first-child{background:#101d33;color:#dceaff;box-shadow:0 2px 18px #0005}form,table,fieldset,li{background:#ffffff0d!important;border-color:#ffffff24!important;color:#e8f0fc;box-shadow:0 10px 30px #0003}label,legend{color:#c8d7ea}input,select,textarea{background:#06101fcc;color:#f4f8ff;border-color:#ffffff30}input::placeholder,textarea::placeholder{color:#8297b2}th{background:#ffffff12;color:#aebfd3}td{border-color:#ffffff18;color:#dce7f5}pre{background:#06101fcc;border:1px solid #ffffff20;color:#dceaff}.error{background:#542833!important;color:#ffd6dc}.success{background:#123b2b!important;color:#c8f5d8}button{background:#2f915d;color:#fff;box-shadow:0 8px 20px #2f915d45}button:hover{background:#45b777}.auth>h1{color:#f4f8ff}.auth>form{background:#ffffff10;border-color:#ffffff28;box-shadow:0 22px 60px #0007}.auth>p{color:#a9bad0}.auth a{color:#8edcb0}
.status{display:inline-block;padding:4px 9px;border-radius:999px;background:#ffffff16;color:#c8d7ea;font-size:12px;font-weight:700}.status.ok{background:#174f36;color:#bff1d1}.status.bad{background:#5a2934;color:#ffd0d7}.button{display:inline-block;padding:10px 15px;border-radius:7px;background:#2f915d;color:#fff!important;font-weight:750}.button:hover{text-decoration:none;background:#45b777}
.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 16px;position:relative}.auth-shell{width:min(460px,100%)}.auth-brand{text-align:center;margin-bottom:20px}.auth-brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 10px 22px #0008)}.auth-brand h1{font-size:25px;margin:10px 0 4px}.auth-brand p{margin:0;color:#9eb1c8}.auth-card{background:#ffffff10!important;border:1px solid #ffffff2b!important;border-radius:22px!important;padding:26px!important;box-shadow:0 24px 70px #0008!important;backdrop-filter:blur(18px)}.auth-card .intro{margin:0 0 18px;color:#aabbd0}.auth-card label{margin:15px 0 7px}.auth-card input{min-height:45px;border-radius:11px}.auth-card button{width:100%;min-height:46px;border-radius:12px;margin-top:19px}.auth-foot{text-align:center;margin:18px 0 0!important;width:auto!important}.auth-error,.auth-success{width:auto!important;margin:0 0 14px!important;padding:11px 13px;border-radius:11px}.password-wrap{position:relative}.password-wrap input{padding-right:78px}.password-wrap button{position:absolute;right:7px;top:6px;width:auto;min-height:32px;margin:0;padding:4px 9px;border-radius:8px;background:#ffffff18;box-shadow:none;color:#cfe0f4}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.auth-grid .full{grid-column:1/-1}@media(max-width:520px){.auth-card{padding:21px!important}.auth-grid{display:block}}

/* NextPay liquid glass system */
:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;color:#f4f6f8;background:#0b0d10}
body,.dark-page,body.auth{background:radial-gradient(circle at 12% -8%,rgba(55,166,255,.18),transparent 32%),radial-gradient(circle at 92% 28%,rgba(65,213,139,.12),transparent 30%),linear-gradient(180deg,#0a0c0f,#12161b 55%,#090b0e);color:#f4f6f8;letter-spacing:0}
body>p:first-child,.nav,.bar{background:rgba(13,16,20,.72)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;box-shadow:0 12px 40px rgba(0,0,0,.2)!important;backdrop-filter:blur(24px) saturate(150%)}
form,table,fieldset,li,.panel,.card,.stat{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.045))!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;box-shadow:0 20px 55px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.1)!important;backdrop-filter:blur(20px) saturate(145%)}
table{overflow:hidden}th{background:rgba(255,255,255,.07)!important;color:#b8c1cc!important}td{border-color:rgba(255,255,255,.09)!important;color:#e8edf3!important}
input,select,textarea{background:rgba(3,6,9,.58)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:10px!important;color:#f7f9fb!important;box-shadow:inset 0 1px 8px rgba(0,0,0,.2)}
input:focus,select:focus,textarea:focus{border-color:#43adff!important;box-shadow:0 0 0 4px rgba(67,173,255,.15)!important}
button,.button{background:linear-gradient(180deg,#4cb6ff,#1689e5)!important;border-radius:10px!important;color:#fff!important;box-shadow:0 10px 25px rgba(25,139,228,.25),inset 0 1px rgba(255,255,255,.28)!important}
button:hover,.button:hover{background:linear-gradient(180deg,#65c1ff,#2498ee)!important;transform:translateY(-1px)}
a{color:#74c6ff}body>p a,.nav a,.bar a{color:#dce7f2!important}.status.ok,.pill.ok,.success{background:rgba(65,213,139,.16)!important;color:#91edb9!important;border-color:rgba(65,213,139,.3)!important}.status.bad,.error{background:rgba(241,92,111,.14)!important;color:#ffb4bf!important;border-color:rgba(241,92,111,.28)!important}
.auth-card,.auth>form{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.055))!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:24px!important;box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.14)!important;backdrop-filter:blur(26px) saturate(150%)}
.auth-card form{width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}
.auth-brand img{width:68px;height:68px}.auth-brand h1{font-size:28px}.key,pre{background:rgba(2,5,8,.65)!important;border-color:rgba(255,255,255,.14)!important;border-radius:10px!important}
@media(max-width:700px){form,table,fieldset,.panel,.card{border-radius:10px!important}.nav,.bar{padding-left:14px!important;padding-right:14px!important}}
.panel-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;padding:14px max(20px,calc((100% - 1120px)/2));background:rgba(10,13,17,.76);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(24px) saturate(150%)}.panel-brand{flex:0 0 auto;color:#f4f7fb!important;font-size:17px;font-weight:850;white-space:nowrap}.panel-links{min-width:0;margin-left:auto;display:flex;align-items:center;justify-content:flex-start;gap:17px;overflow-x:auto;overflow-y:hidden;padding:3px 0 6px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(116,198,255,.55) rgba(255,255,255,.07)}.panel-links::-webkit-scrollbar{height:5px}.panel-links::-webkit-scrollbar-track{background:rgba(255,255,255,.07);border-radius:5px}.panel-links::-webkit-scrollbar-thumb{background:rgba(116,198,255,.55);border-radius:5px}.panel-links a{flex:0 0 auto;color:#b9c7d6!important;font-size:13px;font-weight:700;white-space:nowrap}.panel-links a:hover{color:#fff!important}.panel-links a:last-child{color:#ffb2bd!important}body>.panel-nav+ p:first-of-type{display:none}@media(max-width:760px){.panel-nav{align-items:flex-start;flex-direction:column;gap:9px;padding-top:11px;padding-bottom:8px}.panel-links{width:100%;margin-left:0}}
.inline-form{display:inline-flex!important;width:auto!important;margin:0 0 0 8px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.compact{margin:0!important;padding:7px 10px!important;font-size:12px}.actions{white-space:nowrap}.danger{background:linear-gradient(180deg,#ef6476,#c83f52)!important;box-shadow:0 10px 25px rgba(200,63,82,.24)!important}.credential-grid,.health-grid{width:min(1060px,calc(100% - 40px));margin:20px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.credential-grid form,.health-card{width:100%!important;margin:0!important}.health-card{padding:20px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:0 20px 55px rgba(0,0,0,.25)}.health-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.health-head h2{margin:0}.health-card dl{display:grid;grid-template-columns:90px 1fr;gap:8px 14px}.health-card dt{color:#8fa2b7}.health-card dd{margin:0;word-break:break-word}.consent{display:flex!important;align-items:flex-start;gap:10px}.consent input{width:18px!important;min-height:18px!important;margin-top:3px}.consent span{font-weight:500;color:#b6c5d5}@media(max-width:720px){.credential-grid,.health-grid{grid-template-columns:1fr;width:calc(100% - 28px)}.actions{white-space:normal}.inline-form{margin:8px 0 0!important}}
.telegram-support{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;align-items:center;gap:11px;min-height:54px;padding:7px 15px 7px 7px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:linear-gradient(145deg,rgba(26,39,55,.94),rgba(10,17,27,.9));color:#f7fbff!important;text-decoration:none!important;box-shadow:0 18px 48px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.14);backdrop-filter:blur(22px) saturate(150%);transition:transform .18s ease,border-color .18s ease}.telegram-support:hover{transform:translateY(-2px);border-color:rgba(77,181,255,.58);text-decoration:none}.telegram-support-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:10px;background:#229ed9;box-shadow:0 8px 20px rgba(34,158,217,.3)}.telegram-support-icon img{width:27px;height:27px;object-fit:contain}.telegram-support-copy,.telegram-support-copy b,.telegram-support-copy small{display:block;letter-spacing:0}.telegram-support-copy b{font-size:12px;line-height:1.2}.telegram-support-copy small{margin-top:4px;color:#9fb0c3;font-size:10px;line-height:1}.telegram-support-copy i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#42d58a;box-shadow:0 0 0 3px rgba(66,213,138,.12)}@media(max-width:640px){.telegram-support{right:14px;bottom:14px;width:50px;height:50px;min-height:50px;padding:5px;border-radius:13px}.telegram-support-icon{width:40px;height:40px}.telegram-support-copy{display:none}}
.table-shell{width:min(1060px,calc(100% - 40px));margin:18px auto;overflow-x:auto;border:1px solid rgba(255,255,255,.16);border-radius:10px}.table-shell table{width:100%;min-width:760px;margin:0;border:0;border-radius:0;box-shadow:none}.pagination{display:flex;align-items:center;justify-content:center;gap:5px;width:min(1060px,calc(100% - 40px));margin:16px auto 28px}.pagination a,.pagination strong,.pagination span{display:grid;place-items:center;min-width:32px;height:32px;padding:0 9px;border-radius:8px;font-size:12px}.pagination a{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:#cce8ff!important;text-decoration:none}.pagination a:hover{background:rgba(116,198,255,.16)}.pagination strong{background:#2f915d;color:#fff}.pagination span{min-width:auto;color:#8296ad}
.compact-table{overflow-x:hidden}.compact-table table{min-width:0;table-layout:fixed}.compact-table th,.compact-table td{padding:10px 9px;font-size:12px;vertical-align:top;white-space:normal;overflow-wrap:anywhere}.compact-table th{font-size:10px;letter-spacing:0}.compact-table .cell-reference{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:11px}.audit-table th:nth-child(1){width:14%}.audit-table th:nth-child(2){width:21%}.audit-table th:nth-child(3){width:45%}.audit-table th:nth-child(4){width:20%}.log-details summary{color:#dbe9f8;cursor:pointer;line-height:1.45}.log-details pre{max-width:100%;margin:9px 0 0;padding:10px;border-radius:8px;font-size:11px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.pagination{flex-wrap:wrap}@media(max-width:760px){.compact-table{overflow-x:auto}.compact-table table{min-width:720px}.audit-table table{min-width:640px}}
.delivery-cell{min-width:126px}.delivery-meta{display:block;margin-top:5px;color:#8296aa;font-size:10px;white-space:nowrap}.delivery-details{margin-top:7px}.delivery-details summary{display:inline-flex;align-items:center;color:#70c9f4;font-size:10px;font-weight:750;cursor:pointer;list-style:none}.delivery-details summary::-webkit-details-marker{display:none}.delivery-details summary:after{content:'+';margin-left:5px}.delivery-details[open] summary:after{content:'-'}.delivery-details div{margin-top:8px;padding:8px;border-radius:7px;background:rgba(3,13,23,.42)}.delivery-details b,.delivery-details span{display:block}.delivery-details b{color:#7990a5;font-size:9px}.delivery-details span{margin-top:3px;color:#cbd9e6;font-size:9px;overflow-wrap:anywhere}.delivery-details pre{width:100%;max-width:100%;max-height:150px;margin:7px 0 0;padding:8px;border-radius:7px;font-size:9px;line-height:1.4;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere}
.credential-stack{display:grid;gap:11px}.credential-stack>div+div{padding-top:10px;border-top:1px solid rgba(177,204,226,.1)}.credential-stack>small{color:#748a9e;font-size:9px;line-height:1.45}.integration-page{max-width:1120px}.integration-heading{margin-bottom:20px}.integration-credentials{padding:20px;border:1px solid var(--np-line);border-radius:14px;background:linear-gradient(145deg,rgba(23,39,55,.94),rgba(16,29,43,.94));box-shadow:0 18px 42px rgba(0,0,0,.17)}.integration-section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px}.integration-section-title>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(74,190,135,.14);color:#77e3a9;font-size:10px;font-weight:850}.integration-section-title h2{margin:0!important;font-size:16px!important}.integration-section-title p{margin:3px 0 0;color:#8096aa;font-size:10px}.integration-section-title.small{margin-bottom:11px}.integration-section-title.small>span{width:25px;height:25px}.credential-grid{display:grid;grid-template-columns:1fr 1fr .72fr;gap:10px}.credential-grid article{min-width:0;padding:13px;border:1px solid rgba(177,204,226,.12);border-radius:10px;background:rgba(3,13,23,.28)}.credential-grid article>span{display:block;margin-bottom:7px;color:#8da3b7;font-size:9px;font-weight:800;text-transform:uppercase}.credential-grid article>div{display:flex;align-items:center;gap:7px}.credential-grid code{min-width:0;flex:1;padding:8px;border-radius:7px;background:#07121e;color:#91e8b7;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credential-grid small{display:block;margin-top:7px;color:#687f94;font-size:9px}.copy-button{flex:0 0 auto;min-height:32px;margin:0;padding:7px 10px;border-radius:7px;background:#1e6d50;font-size:9px}.copy-button.copied{background:#2e9a65}.integration-warning{margin:13px 0 0;padding:10px 12px;border-radius:9px;background:rgba(232,187,98,.08);color:#b8a57e;font-size:10px}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.platform-card{min-width:0;padding:20px;border:1px solid var(--np-line);border-radius:14px;background:linear-gradient(145deg,rgba(23,39,55,.94),rgba(16,29,43,.94));box-shadow:0 18px 42px rgba(0,0,0,.17)}.platform-card-head{display:flex;align-items:center;gap:11px}.platform-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:linear-gradient(145deg,#58ce91,#27855a);color:white;font-size:19px;font-weight:900}.platform-mark.gsm{background:linear-gradient(145deg,#54b8ed,#2874ae)}.platform-card-head span{color:#7690a6;font-size:9px;font-weight:800;text-transform:uppercase}.platform-card-head h2{margin:2px 0 0!important;font-size:17px!important}.platform-card>p{min-height:42px;margin:12px 0;color:#8499ac;font-size:11px}.download-button{display:block;width:100%;padding:10px 12px;text-align:center;text-decoration:none!important}.install-list{margin:17px 0 0;padding:0;list-style:none;counter-reset:install}.install-list li{position:relative;padding:12px 0 12px 28px;border-top:1px solid rgba(177,204,226,.09);counter-increment:install}.install-list li:before{content:counter(install);position:absolute;left:0;top:13px;display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:rgba(91,183,234,.12);color:#75caf7;font-size:8px;font-weight:850}.install-list b,.install-list span,.install-list code{display:block}.install-list b{margin-bottom:5px;color:#e6eef6;font-size:11px}.install-list span{margin-top:4px;color:#8196a9;font-size:9px;line-height:1.5}.install-list code{margin-top:4px;padding:6px 8px;border-radius:6px;background:rgba(3,13,23,.48);color:#a3d9f6;font-size:8px;overflow-wrap:anywhere}.integration-bottom-grid{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:14px;margin-top:14px}.check-list{margin:0;padding:0;list-style:none}.check-list li{position:relative;padding:7px 0 7px 20px!important;border:0!important;background:none!important;box-shadow:none!important;color:#8ca1b4;font-size:10px}.check-list li:before{content:'✓';position:absolute;left:0;color:#65d99a;font-weight:900}.expected-result{display:grid;gap:8px}.expected-result span{color:#7f94a7;font-size:10px}.expected-result strong{color:#73dfa4;font-size:16px}.expected-result code{padding:9px;border-radius:7px;background:rgba(3,13,23,.48);color:#9edcb9;font-size:8px;overflow-wrap:anywhere}@media(max-width:900px){.credential-grid,.platform-grid{grid-template-columns:1fr}.integration-bottom-grid{grid-template-columns:1fr 1fr}.platform-card>p{min-height:0}}@media(max-width:620px){.integration-page{width:calc(100% - 24px)}.integration-credentials,.platform-card{padding:15px}.integration-bottom-grid{grid-template-columns:1fr}.credential-grid article>div{align-items:stretch;flex-direction:column}.credential-grid code{width:100%}.copy-button{width:100%}.platform-card-head h2{font-size:15px!important}}
body,input,select,textarea,button{font-family:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:0}

/* Public authentication experience */
body.auth{min-height:100vh;padding:34px 16px;background:radial-gradient(circle at 14% 0,rgba(54,158,235,.15),transparent 31%),radial-gradient(circle at 88% 72%,rgba(52,194,135,.08),transparent 28%),#101927}.auth-shell{width:min(440px,100%)}.auth-shell:has(.auth-grid){width:min(760px,100%)}.auth-brand{margin-bottom:15px}.auth-brand img{width:136px;height:60px;margin:auto;object-fit:cover;object-position:center;filter:drop-shadow(0 10px 24px rgba(0,0,0,.28))}.auth-brand h1{margin:8px 0 2px;font-size:24px}.auth-brand p{color:#9fb1c6;font-size:13px}.auth-card{padding:22px!important;border:1px solid rgba(177,204,226,.18)!important;border-radius:13px!important;background:linear-gradient(145deg,#182639,#132031)!important;box-shadow:0 24px 65px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08)!important;backdrop-filter:blur(20px)}.auth-card .intro{margin-bottom:14px;color:#a8b9cb;font-size:13px}.auth-card label{margin:11px 0 6px;color:#c7d5e3;font-size:12px}.auth-card input{min-height:42px;border-radius:8px!important;background:#0f1b2a!important;border-color:rgba(177,204,226,.18)!important}.auth-card button{min-height:43px;margin-top:15px;border-radius:8px!important}.password-wrap button{top:5px;right:6px;min-height:32px!important;margin:0!important;background:rgba(255,255,255,.1)!important}.auth-grid{gap:0 12px}.auth-foot{margin-top:14px!important;font-size:13px}.auth-foot a{color:#8acfff}.auth-card,.auth-brand{animation:auth-enter .6s cubic-bezier(.2,.7,.2,1) both}.auth-card{animation-delay:.08s}@keyframes auth-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:520px){body.auth{padding:22px 14px}.auth-card{padding:18px!important}.auth-brand img{width:124px;height:55px}.auth-brand h1{font-size:22px}}
/* NextPay unified interface - 2026-08 */
:root {
  color-scheme: dark;
  --np-bg: #081019;
  --np-bg-soft: #0d1722;
  --np-panel: rgba(17, 29, 42, .86);
  --np-panel-strong: #111e2b;
  --np-line: rgba(171, 198, 224, .16);
  --np-line-strong: rgba(171, 198, 224, .28);
  --np-text: #f5f8fb;
  --np-muted: #9eb0c2;
  --np-blue: #4ca7ff;
  --np-green: #52d891;
  --np-danger: #ff7182;
  --np-warning: #ffc66d;
  --np-shadow: 0 24px 70px rgba(0, 0, 0, .28);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", sans-serif;
}

html { background: var(--np-bg); }
body {
  min-height: 100vh;
  margin: 0;
  color: var(--np-text);
  background:
    radial-gradient(circle at 14% 0%, rgba(41, 124, 194, .13), transparent 31rem),
    radial-gradient(circle at 92% 8%, rgba(55, 187, 120, .08), transparent 28rem),
    linear-gradient(180deg, #0b1520 0%, var(--np-bg) 62%);
  font-family: inherit;
  letter-spacing: 0;
  animation: np-page-in .42s ease-out both;
}
body:not(.auth) > :not(.panel-nav):not(.telegram-support):not(script):not(style) {
  width: min(1120px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}
body > h1 { margin-top: 34px; margin-bottom: 7px; font-size: clamp(24px, 3vw, 32px); line-height: 1.12; }
body > h1 + p { margin-top: 0; color: var(--np-muted); }
h1, h2, h3, strong, b { letter-spacing: 0; }
h2 { font-size: 17px; }
a { color: #8bc9ff; }
p { line-height: 1.58; }

.panel-nav {
  position: sticky !important;
  top: 0;
  z-index: 100;
  display: flex !important;
  align-items: center;
  gap: 22px;
  width: 100% !important;
  min-height: 68px;
  margin: 0 !important;
  padding: 8px max(18px, calc((100vw - 1180px) / 2)) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--np-line) !important;
  border-radius: 0 !important;
  background: rgba(8, 16, 25, .82) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .17) !important;
  backdrop-filter: blur(22px) saturate(145%);
}
.panel-brand {
  display: flex !important;
  align-items: center;
  flex: 0 0 auto;
  gap: 10px;
  min-width: 164px;
  color: var(--np-text) !important;
  text-decoration: none !important;
}
.panel-brand img { width: 43px; height: 43px; border-radius: 11px; object-fit: cover; box-shadow: 0 0 0 1px var(--np-line); }
.panel-brand span { display: grid; gap: 1px; }
.panel-brand b { font-size: 15px; line-height: 1.1; }
.panel-brand small { color: var(--np-muted); font-size: 10px; white-space: nowrap; }
.panel-links {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  overflow-x: auto;
  padding: 3px 1px 6px;
  scrollbar-width: thin;
  scrollbar-color: rgba(110, 150, 185, .32) transparent;
}
.panel-links a {
  flex: 0 0 auto;
  padding: 8px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: #afbdca !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: color .16s ease, background .16s ease, border-color .16s ease;
}
.panel-links a:hover { color: #fff !important; background: rgba(255,255,255,.06) !important; }
.panel-links a.active { color: #dff1ff !important; border-color: rgba(76,167,255,.32) !important; background: rgba(76,167,255,.13) !important; }
.panel-links a:last-child { color: #ffadb6 !important; }

form, table, .panel, .stat, .card, .table-shell, .dashboard-card {
  border-color: var(--np-line) !important;
  background: var(--np-panel) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.035) !important;
  backdrop-filter: blur(14px);
}
form { border-radius: 14px !important; }
label { color: #c3cfda !important; font-size: 12px !important; font-weight: 650 !important; }
input, select, textarea {
  min-height: 42px;
  border: 1px solid var(--np-line-strong) !important;
  border-radius: 9px !important;
  color: var(--np-text) !important;
  background: rgba(5, 12, 20, .72) !important;
  font: inherit !important;
  font-size: 13px !important;
  outline: none;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
textarea { min-height: 98px; }
input:focus, select:focus, textarea:focus { border-color: rgba(76,167,255,.72) !important; box-shadow: 0 0 0 3px rgba(76,167,255,.13) !important; background: rgba(7,16,26,.92) !important; }
button, .button, a.button {
  min-height: 40px;
  border: 1px solid rgba(76,167,255,.38) !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, #3c9ff4, #2175c3) !important;
  box-shadow: 0 9px 24px rgba(28,112,184,.2), inset 0 1px rgba(255,255,255,.24) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  cursor: pointer;
  transition: transform .16s ease, filter .16s ease;
}
button:hover, .button:hover, a.button:hover { filter: brightness(1.08); transform: translateY(-1px); }
table { overflow: hidden; border-collapse: separate !important; border-spacing: 0 !important; border-radius: 13px !important; font-size: 12px !important; }
th { padding: 11px 12px !important; color: #8fa6ba !important; background: rgba(255,255,255,.025) !important; font-size: 10px !important; text-transform: uppercase; letter-spacing: .055em !important; }
td { padding: 11px 12px !important; border-color: rgba(171,198,224,.1) !important; }
tr:hover td { background: rgba(255,255,255,.018); }
.success, .error { border-radius: 10px !important; }
.success { color: #b9f5d2 !important; background: rgba(35,130,82,.18) !important; border-color: rgba(82,216,145,.3) !important; }
.error { color: #ffc5cc !important; background: rgba(157,53,69,.2) !important; border-color: rgba(255,113,130,.3) !important; }

.auth {
  display: grid !important;
  place-items: center;
  padding: 42px 18px !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(46,139,214,.2), transparent 34rem),
    radial-gradient(circle at 82% 86%, rgba(54,195,125,.12), transparent 31rem),
    #081019 !important;
}
.auth-shell { width: min(440px, 100%) !important; margin: 0 auto !important; animation: np-card-in .52s cubic-bezier(.2,.8,.2,1) both; }
.auth-brand { margin-bottom: 18px !important; text-align: center; }
.auth-brand img { width: 104px !important; height: 104px !important; margin: 0 auto 10px !important; border-radius: 24px !important; object-fit: cover !important; filter: drop-shadow(0 18px 30px rgba(0,0,0,.32)); }
.auth-brand h1 { margin: 0 !important; font-size: 26px !important; }
.auth-brand p { margin: 5px 0 0 !important; color: var(--np-muted) !important; font-size: 12px !important; }
.auth-card { padding: 23px !important; border: 1px solid var(--np-line) !important; border-radius: 18px !important; background: rgba(15,28,41,.88) !important; box-shadow: var(--np-shadow), inset 0 1px rgba(255,255,255,.045) !important; backdrop-filter: blur(22px); }
.auth-card .intro { margin: 0 0 18px !important; color: #b4c3d1 !important; font-size: 13px !important; text-align: center; }
.auth-card form { width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.auth-card button[type="submit"] { width: 100%; margin-top: 4px; }
.auth-card button.secondary { margin-top: 8px; border: 1px solid var(--np-line) !important; background: rgba(255,255,255,.055) !important; color: #dce8f3 !important; box-shadow: none !important; }
.auth-card button.secondary:hover { border-color: rgba(77,182,255,.45) !important; background: rgba(77,182,255,.1) !important; }
.auth-card input[autocomplete="one-time-code"] { min-height: 58px; text-align: center; font-size: 25px !important; font-weight: 800; letter-spacing: 8px; font-variant-numeric: tabular-nums; }
.auth-foot { margin-top: 14px !important; text-align: center; font-size: 12px; }
.password-wrap button { min-height: 36px !important; background: rgba(255,255,255,.07) !important; border-color: var(--np-line) !important; box-shadow: none !important; }
.plan-picker { gap: 9px !important; }
.plan-option { border: 1px solid var(--np-line) !important; border-radius: 11px !important; background: rgba(255,255,255,.025) !important; }
.plan-option:has(input:checked) { border-color: rgba(82,216,145,.5) !important; background: rgba(82,216,145,.09) !important; }
.auth-form-link { margin: -2px 0 12px; text-align: right; font-size: 12px; }
.auth-form-link a { color: #83ceff; text-decoration: none; font-weight: 700; }
.auth-form-link a:hover { color: #8be8b6; }

/* Merchant sign in */
.login-auth { background: radial-gradient(circle at 18% 5%, rgba(48,153,229,.16), transparent 34%), radial-gradient(circle at 88% 88%, rgba(63,201,139,.1), transparent 30%), #101b28 !important; }
.login-shell { width: min(430px, 100%) !important; }
.login-brand { display: flex; align-items: center; justify-content: space-between; margin: 0 4px 15px !important; text-align: left !important; }
.login-brand img { width: 124px !important; height: 54px !important; margin: 0 !important; object-fit: contain !important; object-position: left center !important; }
.login-security { display: inline-flex; align-items: center; gap: 7px; color: #9fb1c4; font-size: 11px; font-weight: 700; }
.login-security i,.login-trust i { width: 7px; height: 7px; border-radius: 50%; background: #52d891; box-shadow: 0 0 0 4px rgba(82,216,145,.11); }
.login-card { padding: 27px !important; border-radius: 17px !important; background: linear-gradient(145deg, rgba(27,43,59,.97), rgba(17,31,45,.97)) !important; }
.login-heading { display: flex; align-items: center; gap: 13px; margin-bottom: 22px; }
.login-heading h1 { margin: 0 0 3px !important; font-size: 23px !important; letter-spacing: 0 !important; }
.login-heading p { margin: 0 !important; color: #9fb1c4 !important; font-size: 12px !important; }
.login-lock { position: relative; flex: 0 0 42px; width: 42px; height: 42px; border: 1px solid rgba(82,216,145,.28); border-radius: 12px; background: rgba(82,216,145,.09); }
.login-lock::before { content: ''; position: absolute; left: 13px; top: 9px; width: 14px; height: 12px; border: 2px solid #6be1a2; border-bottom: 0; border-radius: 8px 8px 0 0; }
.login-lock::after { content: ''; position: absolute; left: 11px; top: 19px; width: 18px; height: 15px; border-radius: 4px; background: #6be1a2; }
.login-card label { display: block; margin: 0 0 7px !important; color: #d2dfeb !important; font-size: 12px !important; font-weight: 750; }
.login-card input { width: 100%; min-height: 46px !important; padding: 11px 13px !important; border-radius: 9px !important; background: rgba(8,19,30,.72) !important; }
.login-card input:focus { border-color: rgba(92,192,255,.65) !important; box-shadow: 0 0 0 3px rgba(73,163,226,.12) !important; }
.login-card form > label:first-of-type { margin-top: 0 !important; }
.login-password-label { display: flex; justify-content: space-between; align-items: center; margin: 15px 0 7px; }
.login-password-label label { margin: 0 !important; }
.login-password-label a { color: #80cfff; font-size: 11px; font-weight: 750; text-decoration: none; }
.login-password-label a:hover { color: #9de6bd; }
.login-card .password-wrap button { top: 5px !important; right: 6px !important; width: auto !important; min-height: 36px !important; margin: 0 !important; padding: 5px 11px !important; font-size: 11px !important; }
.login-submit { display: flex !important; align-items: center; justify-content: center; gap: 11px; min-height: 47px !important; margin-top: 19px !important; border: 0 !important; background: linear-gradient(135deg,#3ecb83,#43aee6) !important; color: #071a16 !important; box-shadow: 0 12px 28px rgba(50,177,144,.2) !important; font-weight: 850 !important; }
.login-submit:hover { transform: translateY(-1px); filter: brightness(1.05); }
.login-submit b { font-size: 17px; line-height: 1; }
.login-trust { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(177,204,226,.11); color: #8297aa; font-size: 10px; font-weight: 700; }
.login-trust span { display: inline-flex; align-items: center; gap: 7px; }
.login-trust span:last-child::before { content: ''; width: 6px; height: 8px; border: 1px solid #71889b; border-radius: 2px; }
.login-auth .auth-foot { color: #8fa3b7; }
.login-auth .auth-foot a { margin-left: 4px; color: #86d6ff; font-weight: 750; }
@media (max-width: 480px) {
  .login-auth { padding: 18px 13px !important; }
  .login-card { padding: 22px 19px !important; }
  .login-brand { margin-inline: 2px !important; }
  .login-brand img { width: 112px !important; height: 49px !important; }
  .login-security { font-size: 10px; }
}

@keyframes np-page-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes np-card-in { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }
@media (max-width: 760px) {
  body:not(.auth) > :not(.panel-nav):not(.telegram-support):not(script):not(style) { width: min(100% - 24px, 1120px); }
  .panel-nav { align-items: flex-start; gap: 10px; min-height: 62px; padding: 7px 12px 5px !important; }
  .panel-brand { min-width: 49px; }
  .panel-brand img { width: 46px; height: 46px; }
  .panel-brand span { display: none; }
  .panel-links { padding-top: 6px; }
  .panel-links a { padding: 8px 9px !important; }
  table { display: block; width: 100% !important; overflow-x: auto; white-space: nowrap; }
  body > h1 { margin-top: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
.otp-card .login-heading{margin-bottom:18px}.otp-card .otp-label{text-align:center}.otp-card input[autocomplete="one-time-code"]{width:100%;min-height:66px!important;padding-left:20px!important;text-align:center;font-size:28px!important;font-weight:850!important;letter-spacing:10px!important;color:#eaf8ff!important}.otp-expiry{margin:9px 0 2px!important;text-align:center;color:#8297aa!important;font-size:11px!important}.otp-card button.secondary{width:100%;min-height:42px;margin-top:9px!important}

/* Professional dashboard system */
.np-dashboard{width:min(1180px,calc(100% - 40px));margin:30px auto 54px}.dash-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.dash-kicker{display:block;margin-bottom:7px;color:#66dba0;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.dash-header h1{margin:0!important;font-size:28px!important;line-height:1.1}.dash-header p{margin:7px 0 0;color:#93a8bc;font-size:13px}.dash-header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.dash-header-actions .button{padding:10px 14px;border-radius:9px;font-size:12px}.dash-header-actions .secondary-action{border:1px solid var(--np-line);background:rgba(255,255,255,.045);color:#dce9f5!important}.dash-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:18px}.dash-stat{position:relative;min-width:0;padding:16px;border:1px solid var(--np-line);border-radius:13px;background:linear-gradient(145deg,rgba(25,42,58,.92),rgba(17,31,45,.92));box-shadow:0 14px 34px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.04);overflow:hidden}.dash-stat:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:rgba(118,154,181,.25)}.dash-stat.accent:before{background:linear-gradient(90deg,#48d18a,#45b4ea)}.dash-stat.attention:before{background:#e8bb62}.dash-stat.danger:before{background:#ee7180}.dash-stat span{display:block;color:#94a9bc;font-size:10px;font-weight:750}.dash-stat strong{display:block;margin-top:9px;color:#f3f8fc;font-size:clamp(19px,2vw,25px);line-height:1.08;white-space:nowrap}.dash-stat.accent{grid-column:span 2}.dash-stat small{display:block;margin-top:7px;color:#7890a4;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:14px;align-items:start}.dash-panel{min-width:0;padding:18px;border:1px solid var(--np-line);border-radius:14px;background:linear-gradient(145deg,rgba(23,39,55,.94),rgba(16,29,43,.94));box-shadow:0 18px 42px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.04)}.dash-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.dash-panel-head h2{margin:0!important;font-size:15px!important}.dash-panel-head p{margin:4px 0 0;color:#8096aa;font-size:10px}.dash-panel-head>a{color:#72cfff;font-size:10px;font-weight:800;text-decoration:none}.dash-table{width:100%;overflow-x:auto}.dash-table table{width:100%!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:11px}.dash-table th{padding:9px 8px!important;color:#70879b!important;font-size:9px!important}.dash-table td{padding:11px 8px!important;border-color:rgba(177,204,226,.08)!important}.dash-reference{max-width:150px;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.dash-list{display:grid}.dash-list>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid rgba(177,204,226,.09);color:#dce8f2;text-decoration:none}.dash-list>a:last-child{border-bottom:0}.dash-list span{min-width:0}.dash-list b,.dash-list small{display:block}.dash-list b{font-size:11px}.dash-list small{margin-top:4px;color:#8196a9;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-list i{color:#69cafa;font-style:normal}.dash-list em{flex:0 0 auto;font-style:normal}.dash-empty,.dash-help{color:#8499ac;font-size:11px;line-height:1.6}.dash-health{margin-top:17px;padding-top:14px;border-top:1px solid rgba(177,204,226,.1)}.dash-health h3{margin:0 0 9px;color:#8499ac;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.dash-health>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:10px}.dash-health span{display:inline-flex;align-items:center;gap:7px}.dash-health i{width:6px;height:6px;border-radius:50%;background:#d76a79}.dash-health i.online{background:#52d891;box-shadow:0 0 0 3px rgba(82,216,145,.1)}.dash-health b{color:#8da2b5;font-weight:700}.dash-details{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;margin:0;font-size:11px}.dash-details dt{color:#7890a4}.dash-details dd{margin:0;color:#d9e5ef;font-weight:700;min-width:0}.dash-details .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-api{margin-top:16px;padding-top:13px;border-top:1px solid rgba(177,204,226,.1)}.dash-api span{display:block;margin-bottom:7px;color:#7890a4;font-size:9px}.dash-api code{display:block;padding:9px;border-radius:8px;background:rgba(3,13,23,.45);color:#8fe5b7;font-size:9px;word-break:break-all}.dash-compact-form{width:100%!important;margin:12px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.dash-compact-form label{margin:0 0 6px;font-size:10px}.dash-compact-form input{min-height:39px;font-size:11px}.dash-compact-form button{width:100%;min-height:39px;margin-top:8px}.merchant-stats{grid-template-columns:1.6fr repeat(3,1fr)}.merchant-stats .dash-stat.accent{grid-column:auto}
@media(max-width:1000px){.dash-stats{grid-template-columns:repeat(3,1fr)}.dash-stat.accent{grid-column:span 1}.merchant-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.np-dashboard{width:min(100% - 24px,1180px);margin-top:22px}.dash-header{align-items:flex-start;flex-direction:column}.dash-grid{grid-template-columns:1fr}.dash-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:470px){.dash-header h1{font-size:24px!important}.dash-header-actions{width:100%}.dash-header-actions .button{flex:1;text-align:center}.dash-stats,.merchant-stats{grid-template-columns:1fr 1fr}.dash-stat{padding:14px 12px}.dash-stat strong{font-size:18px}.dash-stat small{font-size:8px}.dash-panel{padding:15px}.dash-details{grid-template-columns:68px minmax(0,1fr)}}

.signup-auth .auth-shell { width: min(720px, 100%) !important; }
.signup-auth .auth-brand img{content:url('/assets/nextpay-logo-clean.png');object-fit:contain!important}
.signup-auth .auth-card { padding: 24px !important; }
.signup-auth .plan-picker { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 620px) {
  .signup-auth .plan-picker { grid-template-columns: 1fr; }
}
.signup-auth{align-items:flex-start!important;padding-top:26px!important}.signup-shell{width:min(720px,100%)!important}.signup-card{padding:22px!important}.signup-symbol{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(100,219,158,.25);border-radius:10px;background:rgba(60,181,118,.12);color:#7de3ad;font-size:23px;font-weight:500}.signup-note{margin:0 0 15px;padding:9px 11px;border-radius:8px;background:rgba(74,169,224,.07);color:#94aabd;font-size:10px}.signup-grid{gap:0 12px}.signup-section-title{margin:6px 0 0;padding-top:12px;border-top:1px solid rgba(177,204,226,.1)}.signup-section-title:first-of-type{margin-top:0;padding-top:0;border-top:0}.signup-section-title span{color:#78dba5;font-size:9px;font-weight:850;text-transform:uppercase}.plan-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:8px 0 5px}.plan-option{position:relative;margin:0!important;padding:12px!important;border:1px solid rgba(177,204,226,.15);border-radius:9px;background:rgba(255,255,255,.035);cursor:pointer;transition:border-color .18s ease,background .18s ease}.plan-option input{position:absolute;opacity:0;pointer-events:none}.plan-option span,.plan-option strong,.plan-option small{display:block}.plan-option span{color:#8ea4b8;font-size:9px;text-transform:uppercase}.plan-option strong{margin:3px 0;color:#edf6ff;font-size:16px}.plan-option small{color:#7590a7;font-size:9px}.plan-option:has(input:checked){border-color:rgba(77,182,255,.58);background:rgba(45,153,235,.12);box-shadow:0 0 0 3px rgba(45,153,235,.08)}.consent{display:flex!important;align-items:flex-start;gap:9px;margin-top:13px!important}.consent input{width:16px!important;min-height:16px!important;flex:0 0 16px;margin:2px 0 0}.consent span{color:#8fa3b7;font-size:10px;line-height:1.5}.consent a{color:#7ecbfa}.signup-submit{margin-top:12px!important}.signup-auth .login-trust{justify-content:center;gap:15px}@media(max-width:620px){.signup-auth{padding:18px 12px!important}.signup-card{padding:17px!important}.signup-grid{display:block}.plan-picker{grid-template-columns:1fr}.plan-option{display:grid!important;grid-template-columns:1fr auto;align-items:center}.plan-option strong{grid-row:1/3;grid-column:2}.signup-auth .login-trust{align-items:flex-start;flex-direction:column;gap:7px}}