:root{--violet: #3B1261;--violet-light: #9C6FC4;--violet-pale: #C9A6E8;--gold: #C9A96E;--gold-light: #E4C893;--black: #0C0810;--dark2: #150E1E;--card: #1B1326;--white: #ffffff;--muted: #a99cba;--line: rgba(201, 169, 110, .2);--warn: #e0997f}*{box-sizing:border-box}body{margin:0;font-family:Poppins,system-ui,-apple-system,sans-serif;color:var(--white);background:radial-gradient(1200px 600px at 50% -10%,#241636,#24163600 60%),linear-gradient(160deg,#150e1e,#0c0810);background-attachment:fixed;min-height:100vh}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 14px}.loading{padding:80px;font-size:28px;color:var(--gold)}.card{width:100%;max-width:1200px;background:linear-gradient(180deg,#211633 0%,var(--card) 100%);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 30px 70px #0000008c,inset 0 1px #ffffff0a}.head{position:relative;margin-bottom:22px}.brandbox{display:flex;flex-direction:column;gap:4px}.head .logo{height:38px;width:auto;max-width:230px;object-fit:contain;align-self:flex-start}.head .tag{color:var(--gold);font-size:13.5px;letter-spacing:.04em}.langs{position:absolute;top:0;right:0;display:flex;gap:4px}.lang{border:1px solid var(--line);background:#ffffff08;color:var(--muted);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:5px 9px;border-radius:8px;transition:.15s}.lang:hover{color:var(--white)}.lang.on{background:var(--gold);color:var(--black);border-color:var(--gold)}.testbanner{margin-top:14px;background:#c9a96e14;border:1px solid rgba(201,169,110,.3);color:var(--gold-light);font-size:12.5px;padding:8px 12px;border-radius:10px}.stepper{display:flex;gap:8px;margin-bottom:22px}.st{flex:1;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.st .dot{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#ffffff0f;color:var(--muted);font-weight:600;font-size:12px;flex:none;border:1px solid transparent}.st.done{color:var(--white)}.st.done .dot{background:linear-gradient(180deg,var(--gold-light),var(--gold));color:var(--black);border-color:#e4c89380}.features{margin:-4px 0 4px;text-align:center;font-size:12px;color:var(--gold);letter-spacing:.01em;line-height:1.5}.unitcards{display:flex;gap:10px;flex-wrap:wrap}.unitcard{flex:1 1 140px;min-width:140px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;cursor:pointer;background:var(--dark2);font-family:inherit;text-align:left;transition:.15s;color:var(--white)}.unitcard:hover{border-color:#c9a96e66}.unitcard.on{border-color:var(--gold);box-shadow:0 0 0 3px #c9a96e29}.unitcard img{width:100%;height:170px;object-fit:cover;display:block}.unitcard-body{padding:10px 12px}.unitcard-name{font-weight:600;font-size:14px}.unitcard-cap{color:var(--muted);font-size:11.5px;margin-top:3px;line-height:1.45}.stepper-num{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:var(--dark2);padding:4px}.stepper-num button{width:38px;height:38px;border:none;border-radius:9px;cursor:pointer;background:#ffffff0f;color:var(--gold-light);font-size:20px;font-family:inherit;line-height:1}.stepper-num button:hover:not(:disabled){background:#c9a96e2e}.stepper-num button:disabled{opacity:.3;cursor:default}.stepper-num span{font-size:16px;font-weight:600;min-width:24px;text-align:center}.hint{color:var(--muted);font-weight:400;font-size:11.5px}.hint-line{color:var(--muted);font-size:12px;margin:-4px 0 2px}.requests{display:flex;gap:8px;flex-wrap:wrap}.req{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 14px;background:var(--dark2)}.req.on{border-color:var(--gold);background:#9c6fc429}.req input{width:auto;accent-color:var(--gold)}.recap-img{flex-direction:row;align-items:center;gap:12px}.recap-img img{width:64px;height:64px;object-fit:cover;border-radius:10px;flex:none}.recap-img>div{display:flex;flex-direction:column;gap:3px}.step{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:500;color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select{font-family:inherit;font-size:15px;color:var(--white);padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:var(--dark2);width:100%;color-scheme:dark}input::placeholder{color:#6f6680}input:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c9a96e26}select option{background:var(--dark2);color:var(--white)}.btn{font-family:inherit;font-weight:600;font-size:15.5px;cursor:pointer;padding:14px;border-radius:12px;border:none;transition:.15s;width:100%}.btn.primary{background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 100%);color:var(--black);box-shadow:0 8px 20px #c9a96e40}.btn.primary:hover{filter:brightness(1.06)}.btn.primary:disabled{opacity:.55;cursor:default;filter:none}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn.ghost:hover{color:var(--white);border-color:#c9a96e66}.actions{display:flex;gap:10px;margin-top:6px}.actions .btn{flex:1}.recap{display:flex;flex-direction:column;gap:3px;background:var(--dark2);border:1px solid var(--line);padding:12px 14px;border-radius:12px;font-size:14px;color:var(--white)}.recap strong{color:var(--gold-light)}.recap span{color:var(--muted);font-size:13px}.h3{font-family:Fjalla One,sans-serif;font-weight:400;font-size:17px;margin:6px 0 2px;color:var(--white);letter-spacing:.02em}.h2{font-family:Fjalla One,sans-serif;font-weight:400;font-size:23px;margin:6px 0;color:var(--white);letter-spacing:.02em}.rates{display:flex;flex-direction:column;gap:10px}.rate{display:flex;align-items:stretch;gap:14px;cursor:pointer;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px;background:var(--dark2);transition:.15s;font-family:inherit;color:var(--white)}.rate:hover{border-color:#c9a96e66}.rate.on{border-color:var(--gold);background:#9c6fc429;box-shadow:0 0 0 3px #c9a96e24}.rate-main{flex:1;display:flex;flex-direction:column;gap:4px}.rate-name{font-weight:600;font-size:15.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rate-desc{color:var(--muted);font-size:12.5px;line-height:1.45}.tagpop{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--black);background:linear-gradient(180deg,var(--gold-light),var(--gold));padding:2px 7px;border-radius:999px}.rate-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;min-width:92px}.rate-price{font-family:Fjalla One,sans-serif;font-size:22px;color:var(--gold-light)}.rate-sub{color:var(--muted);font-size:11px}.rate-pick{margin-top:4px;font-size:12px;font-weight:600;color:var(--muted)}.rate.on .rate-pick{color:var(--gold-light)}.promo{display:flex;gap:8px;margin-top:4px}.promo input{flex:1}.promo-btn{width:auto;padding:12px 18px;white-space:nowrap}.totals{border-top:1px solid var(--line);padding-top:12px;margin-top:4px}.line{display:flex;justify-content:space-between;padding:5px 0;font-size:14.5px;color:var(--muted)}.line.total{color:var(--white);font-weight:600;font-size:20px;padding-top:10px}.line.total span:last-child{font-family:Fjalla One,sans-serif;color:var(--gold-light)}.error,.warn{background:#e0997f1f;border:1px solid rgba(224,153,127,.4);color:var(--warn);padding:10px 12px;border-radius:10px;font-size:14px}.error{margin-bottom:14px}.result{align-items:center;text-align:center;gap:10px;padding:12px 0}.resicon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;font-size:34px;margin:6px auto;font-weight:700}.resicon.ok{background:linear-gradient(180deg,var(--gold-light),var(--gold));color:var(--black);box-shadow:0 10px 30px #c9a96e4d}.resicon.ko{background:#e0997f2e;color:var(--warn);border:1px solid rgba(224,153,127,.5)}.resmsg{color:var(--muted);margin:0}.ref{font-size:14px;color:var(--white)}.ref strong{color:var(--gold-light)}.footer{color:var(--muted);font-size:12.5px;margin-top:18px;text-align:center;opacity:.8}@media (max-width: 560px){.page{padding:14px 10px}.card{padding:20px 16px;border-radius:18px}.head .brand{font-size:22px}.langs{position:static;justify-content:flex-start;flex-wrap:wrap;margin-top:10px}.lang{padding:6px 10px}.stepper{gap:4px}.st{font-size:11.5px;gap:5px}.st .dot{width:22px;height:22px}.unitcard img{height:110px}.rate{padding:12px;gap:10px}.rate-name{font-size:14.5px}.rate-price{font-size:19px}.rate-side{min-width:78px}.h3{font-size:16px}.btn{padding:15px}.actions{flex-direction:column-reverse}.actions .btn{width:100%}}@media (max-width: 380px){.grid2{grid-template-columns:1fr}}
