@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0A080D;--panel:#130F18;--panel-alt:#1B1424;--line:#382B43;--muted:#B4AAB5;--text:#F5F3ED;--blue:#7A4DFF;--blue-2:#4A2B8E;font-family:Poppins,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse 72% 32% at 65% -10%,#2e2434 0%,transparent 75%),#0c080f;color:var(--text);font-size:13px;line-height:1.6}
button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #7a4dff;outline-offset:3px}button[disabled]{opacity:.4;cursor:not-allowed;transform:none!important}
[hidden]{display:none!important}.setup-container{max-width:1450px;width:min(calc(100% - 88px),1450px);margin-inline:auto}
.setup-nav{height:80px;border-bottom:1px solid #34293b;background:#110c14dd;backdrop-filter:blur(18px)}.nav-content{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.setup-brand{display:flex;align-items:center;gap:18px;white-space:nowrap}.setup-monogram{font-size:30px;font-weight:800;font-style:italic;letter-spacing:-.16em;line-height:1;transform:skewX(-7deg);padding-right:11px}.blue-slash{color:#7a4dff;margin-left:2px}.brand-words{font-size:13px;font-weight:700;letter-spacing:.05em}.brand-divider{margin-inline:10px;color:#6b6663}.brand-minor{color:#bfb6b0;font-size:10px;font-weight:500;letter-spacing:.22em}.nav-release{display:flex;align-items:center;gap:8px;color:#c2b9b3;font-size:9px;font-weight:600;letter-spacing:.16em}.release-number{font-size:10px;padding:4px 8px;background:#1d1622;border:1px solid #3b3044;border-radius:6px;margin-left:9px;color:#dccfbe}.live-indicator{width:7px;height:7px;border-radius:100%;display:inline-block;background:#43d8a5;box-shadow:0 0 15px #33cf9488;flex-shrink:0}
.setup-layout{display:grid;grid-template-columns:minmax(0,.98fr) minmax(470px,.90fr);gap:clamp(36px,5.7vw,106px);padding-top:64px;padding-bottom:45px;align-items:start}.setup-showcase{position:relative;overflow:hidden;min-height:725px;display:flex;padding:32px 0 0;background:radial-gradient(ellipse 60% 50% at 66% 62%,#32283975,transparent 100%)}.setup-showcase:before{content:"";position:absolute;top:12%;right:7%;width:350px;height:350px;border-radius:100%;border:1px solid #39216b38;transform:rotate(-22deg) scaleX(1.7);box-shadow:0 0 150px 40px #3b226e13;pointer-events:none}.setup-showcase:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(116deg,transparent,transparent 150px,#7a4dfe05 150px,#7a4dfe05 151px);pointer-events:none}.showcase-glow{position:absolute;width:420px;height:500px;right:-110px;top:120px;background:radial-gradient(ellipse,#4b2b8c35,transparent 65%);filter:blur(45px)}.showcase-corner{position:absolute;left:0;top:0;font-size:9px;letter-spacing:.18em;color:#7f7976}.showcase-corner span{color:#6842da}.showcase-content{position:relative;z-index:1;width:100%}.eyebrow{color:#754af4;letter-spacing:.23em;font-size:10px;font-weight:600;display:flex;align-items:center;gap:12px}.eyebrow-line{display:inline-block;height:2px;width:23px;background:#7a4dff;box-shadow:0 0 14px #7a4dff}.setup-showcase h1{font-size:clamp(38px,3.55vw,59px);font-weight:700;letter-spacing:-.065em;line-height:1.21;margin:22px 0 20px}.setup-showcase h1 span{background:linear-gradient(100deg,#fff,#7a4dff 75%,#f5f3ed);-webkit-background-clip:text;background-clip:text;color:transparent}.setup-showcase p{max-width:510px;color:#c6bdb7;font-size:12px;line-height:1.95;margin:0 0 42px}
.preview-window{max-width:550px;margin:0 0 30px 20px;min-height:290px;overflow:hidden;background:#17111b;border:1px solid #635e5b;border-radius:16px;box-shadow:0 15px 55px #000a,0 0 48px #482a8730;transform:perspective(1100px) rotateY(-9deg) rotateX(3deg)}.preview-window-nav{height:36px;border-bottom:1px solid #43374c;background:#201925;display:flex;align-items:center;justify-content:space-between;padding-inline:13px}.traffic-lights{display:flex;gap:5px}.traffic-lights i{display:block;width:7px;height:7px;border-radius:100%;background:#fe6866}.traffic-lights i:nth-child(2){background:#ecc065}.traffic-lights i:nth-child(3){background:#45caa0}.preview-window-nav>span{font-family:ui-monospace,monospace;font-size:9px;color:#a69f9a;background:#150f19;border:1px solid #3b3044;border-radius:5px;padding:3px 30px}.preview-dots{color:#9a928e;letter-spacing:2px}.preview-window-body{height:250px;padding:23px 27px;background:radial-gradient(ellipse 60% 80% at 85% 15%,#3e24753b,transparent 95%),linear-gradient(112deg,#17111b,#201925)}.mock-eyebrow{color:#774bf8;font-size:8px;letter-spacing:.2em}.preview-window-body>strong{display:block;line-height:1.2;font-size:26px;letter-spacing:-.045em;margin:8px 0 16px}.mock-bar{width:84px;height:4px;background:linear-gradient(90deg,#7a4dff,transparent);display:block;margin-bottom:18px}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mock-cards>div{background:#16101abe;border:1px solid #44384e;border-radius:8px;padding:11px}.mini-icon{color:#784bfa;font-size:16px;display:block;line-height:1}.mock-cards b{display:block;font-size:9px;margin:7px 0}.mock-cards i{display:block;width:70%;height:3px;background:#43374c;margin:5px 0}.mock-cards i:last-child{width:48%}.showcase-features{display:flex;flex-wrap:wrap;align-items:center;gap:10px 21px;color:#c4bbb5;font-size:10px}.feature-check{color:#4fd4a2;font-weight:800;margin-right:5px}
.setup-panel{border:1px solid #44384e;border-radius:19px;overflow:hidden;background:linear-gradient(143deg,#211926 0%,#17111b 55%,#140e18 100%);box-shadow:0 35px 90px #0008,0 0 55px #492a8912;min-height:690px}.panel-head{padding:24px 30px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #3a2f42}.panel-label{font-size:9px;font-weight:600;color:#c9c0ba;letter-spacing:.15em;display:flex;align-items:center;gap:9px}.panel-label-dot{height:7px;width:7px;border:1px solid #7a4dff;background:#633fcf;border-radius:50%;box-shadow:0 0 12px #7248ee}.step-count{font-size:10px;font-weight:700;letter-spacing:.1em;color:#dccfbe}.step-count-muted{color:#7f7976}.setup-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:21px 28px 8px;gap:7px}.progress-item{display:flex;align-items:center;flex-direction:column;gap:7px;position:relative;color:#8a837f;text-align:center}.progress-item:before{content:"";position:absolute;height:1px;background:#3f3348;width:calc(100% - 30px);left:calc(50% + 16px);top:16px}.progress-item:last-child:before{display:none}.progress-item>span{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border:1px solid #331e5f;border-radius:50%;background:#211926;font-weight:700;font-size:11px}.progress-item small{font-size:9px;font-weight:500}.progress-item.active{color:#f5f3ed}.progress-item.active>span{border-color:#794cfc;background:linear-gradient(150deg,#784bfa,#623ecc);box-shadow:0 0 0 4px #522f9920}.progress-item.done>span{color:#7aedc4;border-color:#351e62;background:#312738}.progress-item.done{color:#9dcabf}.progress-item.done:before{background:#39216a}.wizard-step{padding:28px 32px 22px}.stage-kicker{color:#7a4dff;font-size:10px;letter-spacing:.18em;font-weight:600}.wizard-step h2,.setup-complete h2{font-size:clamp(24px,2.4vw,33px);line-height:1.23;letter-spacing:-.045em;margin:11px 0 8px;font-weight:700}.stage-description,.setup-complete p{font-size:11px;color:#beb5af;line-height:1.85;margin:0 0 24px}.checks-list{border:1px solid #43374c;border-radius:12px;overflow:hidden;background:#18121caa}.check-row{display:flex;align-items:center;gap:13px;padding:11px 15px;border-bottom:1px solid #362b3d;min-height:55px}.check-row:last-child{border-bottom:0}.check-icon{display:grid;place-items:center;height:29px;width:29px;border-radius:9px;font-size:14px;flex-shrink:0}.check-pass{background:#15382f;color:#62e3b1;border:1px solid #276e56}.check-fail{background:#49212a;color:#ff9e9e;border:1px solid #8c4347}.check-warn{background:#4e351b;color:#f5b85f;border:1px solid #936c37}.check-copy{display:flex;flex-direction:column;flex:1;min-width:0}.check-copy strong{font-size:11px;font-weight:600}.check-copy small{font-size:9px;color:#9c9490}.check-status{font-size:8px;font-weight:700;letter-spacing:.07em;white-space:nowrap}.is-pass{color:#62cba4}.is-fail{color:#ffaaa9}.is-warn{color:#f5bd70}
.setup-note{border:1px solid #463950;background:#211926;border-radius:9px;color:#c3bab4;font-size:10px;line-height:1.75;padding:12px 14px;margin-top:17px}.setup-note.caution{border-color:#8c5340;background:#2e211c;color:#ffc6a2}.wizard-actions{margin-top:26px;display:flex;align-items:center;justify-content:flex-end;gap:12px}.wizard-actions.split{justify-content:space-between}.primary-action{border:1px solid #7a4dff;background:linear-gradient(115deg,#6f46e9,#6741d7);min-height:46px;color:white;padding:0 22px;border-radius:9px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:26px;box-shadow:0 7px 25px #6f46e92c;transition:transform .15s,box-shadow .15s}.primary-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #7a4dff42}.primary-action>span{font-size:17px;line-height:1}.secondary-action{background:transparent;color:#cdc3bd;border:1px solid #2f1b58;border-radius:9px;padding:0 19px;min-height:44px;font-size:11px;font-weight:600}.secondary-action:hover{background:#2a2130}.panel-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #392e41;padding:18px 30px;font-size:9px;letter-spacing:.12em;color:#908985}.panel-foot a{color:#dccfbe}.panel-foot a:hover{color:#fff}.lock-glyph{color:#5edcb3;margin-right:4px}
.setup-fields{display:grid;gap:16px}.setup-fields label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#dccfbe;font-weight:600}.setup-fields input{height:45px;border:1px solid #473a51;background:#130e16;border-radius:8px;padding:0 14px;color:#f5f3ed;font-size:11px;font-weight:400;outline:none;width:100%;min-width:0}.setup-fields input::placeholder{color:#867f7b}.setup-fields input:focus{border-color:#7449f3;box-shadow:0 0 0 3px #6d45e337}.field-pair{display:grid;grid-template-columns:1.65fr 1fr;gap:13px}.label-side{float:right;color:#99918d;font-size:9px;font-weight:400}.password-wrap{display:flex;position:relative}.password-wrap input{padding-right:57px}.password-toggle{position:absolute;right:7px;top:7px;bottom:7px;padding:0 10px;background:transparent;border:0;color:#7148ed;font-size:10px}.password-toggle:hover{color:white}.test-action{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#271e2c;border:1px solid #3e2475;color:#dccfbe;min-height:44px;border-radius:9px;margin-top:19px;font-size:11px;font-weight:600}.test-action:hover{background:#34293b}.test-symbol{font-size:17px}.test-status{min-height:22px;font-size:10px;margin-top:9px;color:#6e45e5}.test-status.success{color:#7be5b6}.test-status.failure{color:#ffb0b0}.setup-error{margin:15px 30px 0;border:1px solid #914657;background:#361c25;color:#ffbec6;border-radius:9px;padding:12px 14px;font-size:11px;line-height:1.7}.setup-error strong{color:#ffe2e4}
.review-list{border:1px solid #473a51;border-radius:12px;background:#18121c;overflow:hidden}.review-list>div{display:flex;gap:15px;justify-content:space-between;align-items:center;border-bottom:1px solid #3a2f42;padding:15px 16px}.review-list>div:last-child{border:0}.review-list span{font-size:11px;color:#afa7a2}.review-list strong{font-size:11px;font-weight:600;text-align:right;overflow-wrap:anywhere}.agree-line{display:flex;gap:11px;align-items:flex-start;margin-top:20px;color:#dccfbe;font-size:10px;line-height:1.7}.agree-line input{accent-color:#7a4dff;flex-shrink:0;margin:3px 0 0;width:16px;height:16px}.setup-complete{min-height:610px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 40px}.complete-symbol{width:76px;height:76px;border:1px solid #3d9878;background:radial-gradient(circle at 45% 22%,#1c6c55,#12392c);color:#74ecc0;display:grid;place-items:center;font-size:39px;border-radius:23px;box-shadow:0 10px 60px #22a57232;margin-bottom:27px}.setup-complete p{max-width:370px}.complete-detail{display:flex;gap:10px;align-items:center;color:#88d5b6;font-size:11px;margin:3px 0 25px}.setup-complete .primary-action{min-width:260px}.setup-complete .complete-caution{font-size:10px;color:#9b938f;margin-top:25px}.complete-caution code{color:#dccfbe}.setup-footer{display:flex;justify-content:space-between;gap:15px;padding:0 0 30px;color:#6f6a67;font-size:9px;letter-spacing:.04em}
@media(max-width:1180px){.setup-container{width:min(calc(100% - 52px),1450px)}.setup-layout{grid-template-columns:minmax(0,.9fr) minmax(450px,1fr);gap:36px}.setup-showcase h1{font-size:39px}.preview-window{min-height:240px}.preview-window-body{height:220px}.setup-showcase{min-height:680px}.wizard-step{padding-inline:24px}}
@media(max-width:930px){.setup-layout{grid-template-columns:1fr;gap:20px;padding-top:34px}.setup-showcase{min-height:0;padding:25px 0 5px}.setup-showcase h1{font-size:clamp(35px,6vw,50px);max-width:630px}.setup-showcase p{margin-bottom:20px}.preview-window{display:none}.showcase-features{margin-bottom:12px}.setup-panel{max-width:780px;width:100%;margin-inline:auto}.setup-footer{padding-top:10px}}
@media(max-width:620px){.setup-container{width:calc(100% - 32px)}.setup-nav{height:63px}.setup-monogram{font-size:25px}.setup-brand{gap:8px}.brand-words{font-size:10px}.brand-minor{font-size:8px;letter-spacing:.08em}.brand-divider{margin-inline:3px}.nav-release{font-size:0}.nav-release .release-number{display:none}.setup-layout{padding-top:18px}.setup-showcase{padding-top:22px}.setup-showcase h1{font-size:34px;margin:15px 0 13px}.setup-showcase p{font-size:11px;margin-bottom:12px}.eyebrow{font-size:8px;letter-spacing:.12em}.showcase-features{gap:5px 12px;font-size:9px}.setup-panel{border-radius:12px}.panel-head{padding:16px 17px}.panel-label{letter-spacing:.09em;font-size:8px}.setup-progress{padding:15px 9px 0}.progress-item small{font-size:8px}.progress-item>span{width:27px;height:27px}.progress-item:before{top:13px;width:calc(100% - 25px);left:calc(50% + 13px)}.wizard-step{padding:20px 16px 16px}.wizard-step h2{font-size:25px}.check-row{gap:10px;padding:10px}.check-copy strong{font-size:10px}.check-copy small{font-size:8px}.check-status{font-size:7px}.check-icon{width:25px;height:25px}.field-pair{grid-template-columns:minmax(0,1fr) 92px}.wizard-actions{gap:8px}.primary-action{padding:0 14px;gap:11px;min-height:43px}.secondary-action{padding:0 12px}.panel-foot{padding:14px;font-size:8px}.setup-footer{flex-direction:column;gap:3px;padding-bottom:23px}.review-list>div{padding:11px;gap:10px}.setup-error{margin:12px 16px 0}.setup-complete{min-height:480px;padding:35px 20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v1.0.2 · Hostinger provisioning / manual database selector */
.setup-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 19px}
.setup-mode-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:47px;padding:8px 10px;color:#c1b8b2;background:#150f19;border:1px solid #473a51;border-radius:10px;font-size:10px;font-weight:600;transition:border-color .2s,background .2s}
.setup-mode-btn:hover{background:#281f2e;color:#fff}
.setup-mode-btn.active{background:linear-gradient(120deg,#2e2434,#271e2c);border-color:#784bfa;color:#f5f3ed;box-shadow:inset 0 0 0 1px #764af62e,0 0 24px #512f9718}
.mode-icon{font-size:15px;color:#7a4dff}
.setup-mode-panel .setup-fields{gap:13px}
.setup-mode-panel .setup-note{margin-top:12px}
.setup-mode-panel .label-side a{color:#7a4dff;text-decoration:underline;text-underline-offset:3px}
.auto-verify-btn{width:100%;margin-top:10px}
.setup-mode-panel input:disabled{opacity:.65}
@media(max-width:470px){.setup-mode-tabs{grid-template-columns:1fr}.setup-mode-btn{min-height:40px;justify-content:flex-start;padding-left:15px}}

/* v1.0.3 · read-only Hostinger website association preflight */
.association-action{margin-top:13px;background:#261e2b}.association-action:hover{border-color:#7a4dff}.setup-note strong{color:#dccfbe}.association-action:disabled{opacity:.65;cursor:wait}

/* YBJUN v1.0.4 · Installer palette aligned with the main WordPress brand. */
body{background:radial-gradient(ellipse 72% 32% at 65% -10%,#251333 0%,transparent 75%),#0A080D;color:#F5F3ED}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #D7CEB0;outline-offset:3px}
.setup-nav{background:#0A080DEB;border-bottom-color:#382B43}
.blue-slash{color:#D7CEB0}
.brand-minor,.nav-release{color:#C1B8C2}
.eyebrow,.stage-kicker{color:#D7CEB0}
.eyebrow-line{background:#D7CEB0;box-shadow:0 0 12px #D7CEB042}
.setup-showcase{background:radial-gradient(ellipse 60% 50% at 66% 62%,#3B226750,transparent 100%)}
.setup-showcase h1 span{background:linear-gradient(100deg,#F5F3ED,#D7CEB0 75%,#F5F3ED);-webkit-background-clip:text;background-clip:text;color:transparent}
.setup-panel{border-color:#49364F;background:linear-gradient(145deg,#1B1424,#110D17 65%,#0A080D);box-shadow:0 35px 90px #0008,0 0 48px #44245A18}
.panel-head,.panel-foot{border-color:#3E3145}
.panel-label,.step-count{color:#D7CEB0}
.panel-label-dot{background:#7A4DFF;border-color:#AC83F1;box-shadow:0 0 12px #7A4DFF66}
.progress-item.active>span{color:#17111C;border-color:#D7CEB0;background:#D7CEB0;box-shadow:0 0 0 4px #D7CEB01C}
.progress-item.active{color:#F5F3ED}
.setup-fields label{color:#E7DED9}
.setup-fields input{background:#0D0A12;color:#F5F3ED;border-color:#49374F}
.setup-fields input:focus{border-color:#A789C9;box-shadow:0 0 0 3px #7A4DFF2B}
.setup-mode-btn.active{background:linear-gradient(120deg,#281A34,#342043);border-color:#9067BC;color:#F5F3ED;box-shadow:inset 0 0 0 1px #9067BC22}
.setup-mode-btn:hover{background:#281A34}
.primary-action{background:#D7CEB0;border-color:#E1D9C4;color:#17111C;box-shadow:0 8px 21px #0004;font-weight:700}
.primary-action:hover:not(:disabled){background:#F5F3ED;border-color:#F5F3ED;box-shadow:0 9px 23px #D7CEB01F}
.primary-action:disabled{color:#30263A}
.secondary-action,.ghost-action{border-color:#6B5475;color:#F5F3ED}
.auto-verify-btn{border-color:#775C88}
.panel-foot a,.setup-mode-panel .label-side a{color:#D7CEB0}
.review-list{background:#120E17;border-color:#4D3C55}