:root{--ink:#102038;--muted:#65748a;--line:#dfe6ef;--soft:#f4f7fb;--card:#fff;--primary:#1667e8;--primary-dark:#0c4db5;--navy:#071426;--success:#119b67;--warning:#d68a11;--danger:#c23b4a;--radius:20px;--shadow:0 24px 70px rgba(8,25,50,.13)}
*{box-sizing:border-box}
html{min-height:100%;background:#eaf0f8}
body.installer-body{min-height:100vh;margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 100% 0,rgba(22,103,232,.1),transparent 28rem),#eaf0f8}
button,input,select{font:inherit}
.installer-shell{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);width:min(1480px,calc(100% - 44px));min-height:calc(100vh - 44px);margin:22px auto;overflow:hidden;border:1px solid rgba(255,255,255,.85);border-radius:30px;background:#fff;box-shadow:0 36px 100px rgba(8,24,48,.2)}
.installer-aside{position:relative;display:flex;flex-direction:column;min-height:calc(100vh - 44px);padding:42px 40px;overflow:hidden;color:#fff;background:radial-gradient(circle at 20% 75%,rgba(31,117,255,.4),transparent 20rem),radial-gradient(circle at 90% 8%,rgba(126,93,255,.35),transparent 18rem),linear-gradient(145deg,#0c2648,#061324 70%)}
.installer-aside:before{position:absolute;inset:0;content:"";opacity:.16;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(145deg,#000 15%,transparent 82%)}
.installer-aside>*{position:relative;z-index:1}
.installer-brand,.installer-mobile-head{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}
.installer-brand>span,.installer-mobile-head>span{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:16px;font-size:16px;font-weight:900;letter-spacing:-.03em;background:rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.16)}
.installer-brand strong,.installer-brand small,.installer-mobile-head strong,.installer-mobile-head small{display:block}
.installer-brand strong{font-size:16px}.installer-brand small{margin-top:3px;color:#9eb9dd;font-size:9px;font-weight:800;letter-spacing:.14em}
.installer-aside-copy{margin:auto 0 46px}
.installer-kicker{display:inline-flex;align-items:center;color:#4b8ff4;font-size:10px;font-weight:850;letter-spacing:.17em}
.installer-aside .installer-kicker{color:#81b3ff}
.installer-aside-copy h1{max-width:310px;margin:17px 0 15px;font-size:clamp(34px,3.2vw,50px);line-height:1.03;letter-spacing:-.045em}
.installer-aside-copy p{max-width:300px;margin:0;color:#b9c9dd;font-size:15px;line-height:1.7}
.installer-trust-list{display:grid;gap:9px;margin-bottom:34px}
.installer-trust-list span{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.055)}
.installer-trust-list b{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;color:#9fc4ff;font-size:10px;background:rgba(51,128,247,.2)}
.installer-trust-list em{font-size:12px;font-style:normal;font-weight:650;color:#d8e4f3}
.installer-aside-foot{color:#8197b4;font-size:10px;line-height:1.5}
.installer-workspace{min-width:0;padding:38px clamp(28px,4vw,66px) 28px;background:linear-gradient(180deg,#fff,#fbfcfe)}
.installer-mobile-head{display:none}
.installer-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}
.installer-topline h2{margin:7px 0 0;font-size:25px;letter-spacing:-.03em}
.installer-security-badge{padding:9px 13px;border:1px solid #dbe7df;border-radius:999px;color:#217152;font-size:10px;font-weight:750;background:#f0faf5}
.installer-security-badge::first-letter{color:#1db777}
.installer-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:30px;border:1px solid var(--line);border-radius:18px;background:#f8fafc;overflow:hidden}
.installer-progress button{position:relative;display:flex;align-items:center;gap:9px;min-width:0;padding:13px 10px;border:0;border-right:1px solid var(--line);color:#7b899c;text-align:left;background:transparent;transition:.2s}
.installer-progress button:last-child{border-right:0}
.installer-progress button:disabled{cursor:default;opacity:1}
.installer-progress button>span{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border:1px solid #d9e1eb;border-radius:9px;font-size:9px;font-weight:850;background:#fff}
.installer-progress button strong,.installer-progress button small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.installer-progress button strong{font-size:10px}.installer-progress button small{margin-top:1px;font-size:8px}
.installer-progress button.active{color:var(--primary);background:#eef5ff}
.installer-progress button.active>span{border-color:var(--primary);color:#fff;background:var(--primary);box-shadow:0 6px 16px rgba(22,103,232,.28)}
.installer-progress button.complete{color:#26815f}
.installer-progress button.complete>span{border-color:#bce7d3;color:#16865b;background:#eaf9f2}
.installer-progress button.complete:after{position:absolute;right:8px;top:7px;content:"✓";font-size:8px;color:#16865b}
.installer-alert{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px;padding:14px 16px;border:1px solid;border-radius:15px}
.installer-alert>span{display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border-radius:8px;font-weight:900}
.installer-alert strong,.installer-alert p{display:block;margin:0}.installer-alert strong{font-size:12px}.installer-alert p{margin-top:3px;font-size:11px;line-height:1.5}
.installer-alert.error{border-color:#f0cbd0;color:#8d2935;background:#fff4f5}.installer-alert.error>span{color:#fff;background:#c64050}
.installer-alert.warning{border-color:#f1dba9;color:#80570d;background:#fff9eb}.installer-alert.warning>span{color:#fff;background:#d59113}
.installer-alert.secure{margin-top:18px;border-color:#cfe9dc;color:#246449;background:#f3fbf7}.installer-alert.secure>span{color:#fff;background:#1d9b68}
.installer-step{animation:step-in .28s ease both}
@keyframes step-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.step-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}
.step-heading>span{display:grid;width:47px;height:47px;flex:0 0 auto;place-items:center;border-radius:15px;color:var(--primary);font-size:12px;font-weight:900;background:#eaf3ff}
.step-heading small{color:#55708f;font-size:9px;font-weight:850;letter-spacing:.14em}
.step-heading h3{margin:3px 0 4px;font-size:23px;letter-spacing:-.03em}
.step-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.environment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.environment-item{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}
.environment-item>span{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border-radius:9px;font-size:12px;font-weight:900}
.environment-item strong,.environment-item small{display:block}.environment-item strong{font-size:11px}.environment-item small{margin-top:2px;color:var(--muted);font-size:9px}
.environment-item.ok>span{color:#16855b;background:#e7f8f0}.environment-item.failed{border-color:#f0cbd0;background:#fff7f8}.environment-item.failed>span{color:#a72e3c;background:#fbe4e7}.environment-item.warning>span{color:#9a680e;background:#fff2d4}
.step-information{display:flex;align-items:flex-start;gap:11px;margin-top:16px;padding:13px 15px;border-radius:13px;color:#47617f;background:#f0f5fb}
.step-information>span{display:grid;width:21px;height:21px;flex:0 0 auto;place-items:center;border-radius:7px;color:#fff;font-size:11px;font-weight:900;background:#6e8aab}.step-information p{margin:1px 0 0;font-size:10px;line-height:1.55}
.installer-choice-grid{display:grid;gap:12px;margin-bottom:16px}.installer-choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.installer-choice{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:12px;padding:17px;border:1px solid var(--line);border-radius:16px;cursor:pointer;background:#fff;transition:.18s}
.installer-choice:hover{border-color:#b9c9dc;transform:translateY(-1px)}
.installer-choice input{position:absolute;opacity:0;pointer-events:none}
.installer-choice:has(input:checked){border-color:#7fb2fc;background:#f3f8ff;box-shadow:0 0 0 3px rgba(22,103,232,.07)}
.choice-icon{display:grid;grid-row:1/3;width:40px;height:40px;place-items:center;border-radius:12px;color:#31577f;font-size:11px;font-weight:900;background:#edf2f7}
.installer-choice:has(input:checked) .choice-icon{color:#fff;background:var(--primary)}
.installer-choice strong{align-self:end;font-size:12px}.installer-choice small{align-self:start;margin-top:2px;color:var(--muted);font-size:9px;line-height:1.4}
.installer-choice-grid.compact .installer-choice{padding:14px}.installer-choice-grid.compact .choice-icon{width:35px;height:35px}
.installer-field-panel{padding:19px;border:1px solid var(--line);border-radius:17px;background:#fbfcfe}.installer-field-panel+ .installer-field-panel{margin-top:14px}.installer-field-panel[hidden]{display:none!important}
.field-panel-title{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.field-panel-title strong,.field-panel-title small{display:block}.field-panel-title strong{font-size:12px}.field-panel-title small{color:var(--muted);font-size:9px;text-align:right}
.installer-field-panel label{display:block;margin-bottom:6px;color:#263c58;font-size:10px;font-weight:750}.installer-field-panel label small{color:#8491a3;font-weight:500}
.form-control,.form-select,.input-group-text{min-height:45px;border-color:#dbe3ed;font-size:12px}.form-control,.form-select{border-radius:11px}.form-control:focus,.form-select:focus{border-color:#76aaff;box-shadow:0 0 0 3px rgba(22,103,232,.1)}.input-group>.form-control{border-radius:0 11px 11px 0}.input-group-text{border-radius:11px 0 0 11px;color:#718096;background:#f0f3f7}
.form-control-color{width:100%;padding:7px}.field-help{display:block;margin-top:6px;color:#748399;font-size:9px;line-height:1.5}.public-domain-input{font-weight:700;color:#174a87}
.secret-field{position:relative}.secret-field .form-control{padding-right:75px}.secret-field button{position:absolute;right:7px;top:7px;height:31px;padding:0 10px;border:0;border-radius:8px;color:#55708f;font-size:9px;font-weight:750;background:#edf2f7}
.migration-option{display:flex;align-items:center;gap:12px;margin-top:15px;padding:15px;border:1px solid #bed7fa;border-radius:15px;cursor:pointer;color:#244f83;background:#f1f7ff}.migration-option>input{width:17px;height:17px}.migration-option>span{font-size:21px}.migration-option strong,.migration-option small{display:block}.migration-option strong{font-size:11px}.migration-option small{margin-top:2px;font-size:9px}
.payment-provider-card{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:18px;border:1px solid #d8e2ef;border-radius:17px;background:linear-gradient(135deg,#f7fbff,#fff)}
.provider-logo{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;border-radius:15px;color:#fff;font-size:15px;font-weight:900;background:linear-gradient(135deg,#2497ee,#1762cf);box-shadow:0 9px 22px rgba(23,98,207,.25)}
.provider-status{color:#2674d6;font-size:8px;font-weight:900;letter-spacing:.13em}.payment-provider-card h4{margin:2px 0 3px;font-size:16px}.payment-provider-card p{margin:0;color:var(--muted);font-size:10px}
.payment-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-methods label{position:relative;margin:0;padding:13px 13px 13px 39px;border:1px solid var(--line);border-radius:13px;background:#fff}.payment-methods input{position:absolute;left:13px;top:17px}.payment-methods span,.payment-methods small{display:block}.payment-methods span{font-size:11px;font-weight:800}.payment-methods small{margin-top:2px;color:var(--muted);font-size:8px}
.installation-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.installation-summary>div{padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff}.installation-summary small,.installation-summary strong,.installation-summary span{display:block}.installation-summary small{color:#718096;font-size:8px;font-weight:900;letter-spacing:.12em}.installation-summary strong{margin-top:7px;font-size:12px}.installation-summary span{margin-top:3px;color:var(--muted);font-size:9px;word-break:break-word}
.final-confirmation{display:flex;align-items:flex-start;gap:13px;margin-top:16px;padding:16px;border:1px solid #c9d9ec;border-radius:15px;cursor:pointer;background:#f7faff}.final-confirmation>input{position:absolute;opacity:0}.final-confirmation>span{display:grid;width:23px;height:23px;flex:0 0 auto;place-items:center;border:1px solid #9db5d0;border-radius:7px;background:#fff}.final-confirmation:has(input:checked)>span{border-color:var(--primary);color:#fff;background:var(--primary)}.final-confirmation:has(input:checked)>span:after{content:"✓";font-size:12px;font-weight:900}.final-confirmation strong,.final-confirmation small{display:block}.final-confirmation strong{font-size:11px}.final-confirmation small{margin-top:3px;color:var(--muted);font-size:9px}
.installer-actions{display:flex;align-items:center;gap:12px;margin-top:25px;padding-top:19px;border-top:1px solid var(--line)}.installer-actions>span{margin:auto;color:#77869a;font-size:9px;font-weight:750}.primary-action,.secondary-action,.installer-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 18px;border-radius:12px;font-size:11px;font-weight:800;text-decoration:none;transition:.18s}.primary-action,.installer-primary-action{border:1px solid var(--primary);color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 9px 20px rgba(22,103,232,.22)}.primary-action:hover,.installer-primary-action:hover{color:#fff;transform:translateY(-1px)}.primary-action:disabled{cursor:not-allowed;opacity:.45;transform:none}.secondary-action{border:1px solid var(--line);color:#52657c;background:#fff}.install-action{background:linear-gradient(135deg,#159468,#0c6d4d);border-color:#11835e;box-shadow:0 9px 20px rgba(17,148,104,.22)}
.installer-state-card{width:min(680px,100%);margin:clamp(80px,16vh,170px) auto;text-align:center}.state-symbol{display:grid;width:70px;height:70px;margin:0 auto 22px;place-items:center;border-radius:23px;font-size:28px;font-weight:900}.state-symbol.success{color:#fff;background:linear-gradient(135deg,#1db77b,#0d8058);box-shadow:0 18px 40px rgba(19,153,103,.25)}.installer-state-card h2{margin:12px 0 10px;font-size:34px;letter-spacing:-.04em}.installer-state-card>p{max-width:540px;margin:0 auto 25px;color:var(--muted);line-height:1.7}.installer-primary-action{min-width:210px}.installation-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:28px 0}.installation-result-grid span{padding:17px;border:1px solid var(--line);border-radius:15px;text-align:left;background:#f9fbfd}.installation-result-grid small,.installation-result-grid strong{display:block}.installation-result-grid small{color:#738197;font-size:8px;font-weight:900;letter-spacing:.11em}.installation-result-grid strong{margin-top:5px;font-size:11px;word-break:break-word}.installer-next-note{display:flex;align-items:center;gap:13px;margin-bottom:24px;padding:15px;border-radius:14px;color:#2d674f;text-align:left;background:#eff9f4}.installer-next-note strong{font-size:11px}.installer-next-note span{font-size:9px}
[hidden]{display:none!important}
@media(max-width:1120px){.installer-shell{grid-template-columns:300px minmax(0,1fr)}.installer-aside{padding:34px 28px}.installer-progress button div{display:none}.installer-progress button{justify-content:center}.installer-progress button>span{width:31px;height:31px}.installer-workspace{padding-inline:30px}}
@media(max-width:820px){.installer-shell{display:block;width:100%;min-height:100vh;margin:0;border:0;border-radius:0}.installer-aside{display:none}.installer-workspace{min-height:100vh;padding:22px 18px 28px}.installer-mobile-head{display:flex;margin-bottom:25px}.installer-mobile-head>span{width:42px;height:42px;border-color:#d9e5f5;color:#fff;background:#102846}.installer-mobile-head strong{font-size:13px}.installer-mobile-head small{color:#708199;font-size:8px;font-weight:800;letter-spacing:.12em}.installer-topline{margin-bottom:20px}.installer-topline h2{font-size:21px}.installer-progress{border-radius:14px}.installer-progress button{padding:9px 4px}.installer-progress button>span{width:28px;height:28px}.installer-state-card{margin:70px auto}.installer-state-card h2{font-size:28px}}
@media(max-width:600px){.installer-security-badge{display:none}.environment-grid,.installer-choice-grid.two,.payment-methods,.installation-summary,.installation-result-grid{grid-template-columns:1fr}.field-panel-title{display:block}.field-panel-title small{margin-top:3px;text-align:left}.step-heading>span{width:40px;height:40px;border-radius:13px}.step-heading h3{font-size:20px}.installer-field-panel{padding:15px}.installer-actions{position:sticky;bottom:0;z-index:5;margin-inline:-18px;margin-bottom:-28px;padding:13px 18px calc(13px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.installer-actions>span{display:none}.primary-action,.secondary-action{flex:1}.installer-progress button:nth-child(n+5){display:none}}