:root{--navy:#07111f;--ink:#101b2b;--muted:#778496;--line:#e4e9ef;--teal:#2ac8b3;--teal-dark:#129d91;--paper:#fbfcfd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}button,input{font:inherit}.auth-shell{min-height:100vh;display:grid;grid-template-columns:45% 55%;overflow:hidden}.brand-panel{background:var(--navy);color:#fff;min-height:100vh;padding:42px 8.5vw 35px 8vw;position:relative;display:flex;flex-direction:column;overflow:hidden}.brand-lockup,.mobile-brand{display:flex;align-items:center;gap:11px;font:800 24px Manrope,sans-serif;letter-spacing:-1px;position:relative;z-index:2}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--teal);color:var(--navy);font:800 19px Manrope,sans-serif}.brand-copy{margin:auto 0;position:relative;z-index:2;max-width:460px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;margin:0 0 19px;color:#8c99a9}.brand-panel .eyebrow{color:var(--teal)}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.055em;margin:0}h1{font-size:clamp(43px,4.3vw,66px);line-height:1.07;font-weight:700}h1 em{font-style:normal;color:var(--teal)}.intro{color:#b0bac8;max-width:360px;line-height:1.65;margin:29px 0 0;font-size:16px}.brand-footer{display:flex;align-items:center;justify-content:space-between;color:#8491a3;font-size:12px;position:relative;z-index:2}.signal{display:flex;align-items:center;gap:8px}.signal-dot{width:7px;height:7px;background:#4bd6a3;border-radius:50%;box-shadow:0 0 0 4px rgba(75,214,163,.12)}.orb{position:absolute;border-radius:50%;border:1px solid rgba(59,213,194,.14);pointer-events:none}.orb-one{width:620px;height:620px;right:-390px;top:19%;box-shadow:0 0 0 38px rgba(59,213,194,.025),0 0 0 80px rgba(59,213,194,.018)}.orb-two{width:380px;height:380px;left:-285px;bottom:-215px;border-color:rgba(255,255,255,.07)}.form-panel{display:grid;place-items:center;padding:40px 8vw;background:#fff}.form-wrap{width:min(100%,420px)}.mobile-brand{display:none;color:var(--ink);margin-bottom:58px}.form-heading{margin-bottom:29px}.form-heading .eyebrow{color:var(--teal-dark);margin-bottom:13px}.form-heading h2{font-size:34px;line-height:1.15}.form-heading p:last-child{color:var(--muted);margin:12px 0 0;line-height:1.5}.mode-switch{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:28px}.mode-btn{border:0;background:transparent;color:#96a0ae;padding:12px 4px 14px;margin-right:19px;cursor:pointer;font-weight:600;position:relative}.mode-btn:after{content:'';height:2px;background:var(--teal);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0);transition:transform .25s ease}.mode-btn.active{color:var(--ink)}.mode-btn.active:after{transform:scaleX(1)}.field-group{margin-bottom:21px}.field-group label,.label-row{font-weight:600;font-size:14px}.label-row{display:flex;justify-content:space-between;align-items:center}.forgot{font-size:13px;color:var(--teal-dark);text-decoration:none}.field-group input{display:block;width:100%;height:51px;border:1px solid #dfe5eb;border-radius:9px;padding:0 15px;margin-top:9px;outline:0;color:var(--ink);background:#fff;transition:border .2s,box-shadow .2s}.field-group input::placeholder{color:#a8b0bb}.field-group input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(42,200,179,.12)}.field-error{display:block;color:#d1515b;font-size:12px;margin-top:6px;min-height:0}.password-field{position:relative}.password-field input{padding-right:72px}.password-toggle{border:0;background:transparent;color:var(--teal-dark);font-size:12px;font-weight:700;position:absolute;right:13px;top:26px;cursor:pointer}.check-row{display:flex;align-items:center;gap:10px;color:#798596;font-size:13px;cursor:pointer;margin:2px 0 22px}.check-row input{position:absolute;opacity:0}.custom-check{width:17px;height:17px;border:1px solid #cad2dc;border-radius:4px;display:inline-grid;place-items:center;transition:.2s}.check-row input:checked+.custom-check{background:var(--teal);border-color:var(--teal)}.check-row input:checked+.custom-check:after{content:'✓';color:#fff;font-size:12px;font-weight:700}.check-row a{color:var(--teal-dark);text-decoration:none}.submit-btn{width:100%;height:54px;border:0;border-radius:9px;background:var(--navy);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.submit-btn:hover{background:#10233c;transform:translateY(-2px);box-shadow:0 9px 18px rgba(7,17,31,.13)}.button-arrow{font-size:19px;color:var(--teal);transition:transform .2s}.submit-btn:hover .button-arrow{transform:translate(2px,-2px)}.form-message{text-align:center;font-size:13px;margin-top:13px;min-height:18px}.form-message.success{color:#159875}.form-message.error{color:#d1515b}.security-note{display:flex;justify-content:center;align-items:center;gap:7px;color:#9ba5b2;font-size:12px;margin-top:38px}.lock-icon{font-size:17px;color:#8190a0}.password-strength{display:flex;align-items:center;gap:10px;margin:-7px 0 21px;color:#8b96a4;font-size:12px}.strength-bar{display:flex;gap:3px}.strength-bar i{display:block;width:25px;height:3px;border-radius:4px;background:#e5e9ed}.strength-bar.weak i:first-child{background:#e27c70}.strength-bar.medium i:nth-child(-n+2){background:#e6b75d}.strength-bar.strong i{background:var(--teal)}[hidden]{display:none!important}@media(max-width:800px){.auth-shell{display:block}.brand-panel{min-height:260px;padding:28px 26px}.brand-copy{margin:55px 0 0}.brand-copy h1{font-size:34px}.intro,.brand-footer,.orb{display:none}.form-panel{padding:38px 26px 45px;display:block}.form-wrap{max-width:460px;margin:auto}.mobile-brand{display:flex}.brand-panel>.brand-lockup{display:none}.form-heading h2{font-size:29px}}@media(max-width:420px){.brand-panel{min-height:230px}.brand-copy{margin-top:48px}.form-panel{padding:32px 21px 39px}.form-heading{margin-bottom:24px}.form-heading h2{font-size:27px}.security-note{margin-top:30px}}
.password-toggle{width:28px;height:23px;padding:0;top:24px;font-size:0;color:#7f8b9b}.password-toggle:before{content:'◉';display:block;font-size:17px;transition:.2s}.password-toggle.is-visible:before{content:'◌';transform:scale(1.1);color:var(--teal-dark)}.switch-copy{text-align:center;color:#8a95a4;font-size:14px;margin:22px 0 0}.switch-link{border:0;background:transparent;padding:0;color:#2274c8;font-weight:700;cursor:pointer}.switch-link:hover{text-decoration:underline}.legal-copy{font-size:12px;line-height:1.65;text-align:center;color:#9aa4b0;margin:28px auto 0;max-width:390px}.legal-copy a{color:#6d7888;text-underline-offset:2px}.register-steps{display:flex;align-items:center;justify-content:space-between;margin:2px 0 25px}.register-steps>i{height:1px;background:#dfe5eb;flex:1;margin:0 9px}.step{display:flex;align-items:center;gap:6px;color:#9aa4b0;font-size:11px;white-space:nowrap}.step b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eef2f5;color:#8c98a6;font-size:11px}.step.active{color:var(--teal-dark);font-weight:700}.step.active b{background:var(--teal);color:#fff}.step-title{font-size:14px;font-weight:700;margin:0 0 12px}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.type-card{border:1px solid #dfe5eb;border-radius:9px;padding:15px;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:.2s}.type-card:has(input:checked){border-color:var(--teal);background:#f0fbf9}.type-card input{position:absolute;opacity:0}.type-icon{color:var(--teal-dark);font-size:21px}.type-card strong{font-size:14px}.type-card small{font-size:12px;color:#8b96a4}.register-actions{display:flex;gap:10px;margin-top:20px}.back-btn,.next-btn{height:49px;border-radius:9px;cursor:pointer;font-weight:700}.back-btn{width:30%;border:1px solid var(--line);background:#fff;color:#8290a0}.next-btn{width:70%;border:0;background:var(--navy);color:#fff}.back-btn:hover{background:#f7f9fa}.next-btn:hover{background:#10233c}.security-note{margin-top:30px}
.form-heading>.eyebrow{display:none}.password-toggle{top:14px;right:12px;width:32px;height:32px;display:grid;place-items:center;color:#68778a}.password-toggle svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.password-toggle .eye-closed{display:none}.password-toggle.is-visible .eye-open{display:none}.password-toggle.is-visible .eye-closed{display:block}.password-toggle:hover{color:#4b9de2}.form-heading{margin-bottom:38px}.submit-btn,.next-btn{background:#4b9de2}.submit-btn:hover,.next-btn:hover{background:#368ed4}.brand-panel .eyebrow{color:#f3c64b}h1 em{color:#e7b941}.brand-mark{background:#4b9de2;color:#fff}.forgot,.switch-link{color:#368ed4}.field-group input:focus{border-color:#4b9de2;box-shadow:0 0 0 4px rgba(75,157,226,.14)}.step.active{color:#368ed4}.step.active b{background:#4b9de2}.type-card:has(input:checked){border-color:#4b9de2;background:#f1f8fe}.password-toggle:before{display:none}
.root{--teal:#4b9de2;--teal-dark:#368ed4;--paper:#f3f8fc}
.root{--teal:#4b9de2;--teal-dark:#368ed4;--paper:#f3f8fc}
:root{--teal:#4b9de2;--teal-dark:#368ed4;--paper:#f3f8fc}
.security-note{display:none}.brand-panel .eyebrow{color:#4b9de2}h1 em{color:#8ebcf0}
.register-actions[data-stage="0"] .next-btn{width:100%}.register-actions[data-stage="1"] .next-btn,.register-actions[data-stage="2"] .next-btn{width:70%}#auth-form>*{transition:opacity .24s ease,transform .24s ease}#auth-form.transitioning>*{opacity:0;transform:translateY(10px)}
.details-fields{width:100%}.details-title{font:700 20px Manrope,sans-serif;margin:0 0 20px}.address-title{margin-top:30px}.details-grid{display:grid;gap:14px;margin-bottom:14px}.details-grid.two{grid-template-columns:1fr 1fr}.details-grid.three{grid-template-columns:1fr 1fr 1fr}.detail-field{margin-bottom:14px}.detail-field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.detail-field label b{color:#4b9de2}.detail-field input,.select-look,.phone-control{width:100%;height:46px;border:1px solid #dfe5eb;border-radius:9px;padding:0 13px;background:#fff;color:var(--ink);outline:0}.detail-field input:focus{border-color:#4b9de2;box-shadow:0 0 0 4px rgba(75,157,226,.12)}.phone-row{display:flex;align-items:end;gap:10px}.phone-input{flex:1;margin:0}.phone-control{display:flex;align-items:center;padding:0 10px;gap:9px}.phone-control span{white-space:nowrap;color:#526175;font-size:13px;font-weight:700;border-right:1px solid #dfe5eb;padding-right:9px}.phone-control input{border:0;height:42px;padding:0;box-shadow:none}.verify-phone{height:46px;min-width:118px;border:0;border-radius:9px;background:#4b9de2;color:#fff;font-weight:700;cursor:pointer;transition:.2s}.verify-phone:hover{background:#368ed4;transform:translateY(-1px)}.select-look{display:flex;align-items:center;justify-content:space-between;color:#536276}.select-look span{color:#8290a0}.invalid{border-color:#dd6872!important}.code-modal{position:fixed;inset:0;background:rgba(7,17,31,.45);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s;z-index:20}.code-modal.show{opacity:1;visibility:visible}.code-card{position:relative;width:min(92vw,380px);border-radius:16px;background:#fff;padding:30px;text-align:center;box-shadow:0 22px 70px rgba(7,17,31,.22);transform:translateY(12px);transition:.25s}.code-modal.show .code-card{transform:translateY(0)}.modal-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:25px;color:#8490a0;cursor:pointer}.wa-badge{width:42px;height:42px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;background:#27b56a;color:#fff;font-size:23px}.code-card h3{font:700 21px Manrope,sans-serif;margin:0}.code-card p{font-size:13px;line-height:1.5;color:#7b8796;margin:10px 0 18px}.code-input{width:100%;height:48px;border:1px solid #dfe5eb;border-radius:9px;text-align:center;letter-spacing:8px;font-size:19px;outline:0}.confirm-code{width:100%;height:46px;border:0;border-radius:9px;background:#4b9de2;color:#fff;font-weight:700;margin-top:12px;cursor:pointer}.code-status{display:block;color:#6e7c8e;font-size:11px;line-height:1.45;margin-top:12px}@media(max-width:520px){.details-grid.two,.details-grid.three{grid-template-columns:1fr}.phone-row{display:block}.verify-phone{width:100%;margin-top:10px}}
.location-select,.country-code{appearance:none;border:0;background:transparent;color:inherit;font:inherit;outline:0;min-width:0}.location-select{width:100%;height:46px;border:1px solid #dfe5eb;border-radius:9px;padding:0 13px;background:#fff;color:var(--ink)}.country-code{font-size:13px;font-weight:700;border-right:1px solid #dfe5eb;padding-right:9px;max-width:125px}.verify-phone:disabled{opacity:.45;cursor:not-allowed;transform:none}.details-fields input.invalid,.details-fields select.invalid{border-color:#dd6872!important}
.location-search{display:block;width:100%;height:46px;border:1px solid #dfe5eb;border-radius:9px;padding:0 13px;background:#fff;color:var(--ink);outline:0;font:inherit}.location-search:focus{border-color:#4b9de2;box-shadow:0 0 0 4px rgba(75,157,226,.12)}
.wa-badge svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wa-badge svg path:last-child{fill:#fff;stroke:#fff}
.password-tools{display:flex;gap:9px;margin:-10px 0 18px}.password-tools button{height:36px;border:1px solid #dfe5eb;border-radius:8px;background:#fff;color:#368ed4;font-size:12px;font-weight:700;padding:0 11px;cursor:pointer;transition:.2s}.password-tools button:hover{border-color:#4b9de2;background:#f3f8fc}.password-tools .copy-password{color:#718095}
.password-tools{display:none}.password-field .password-action{position:absolute;top:14px;width:28px;height:28px;border:0;background:transparent;color:#7b899a;font-size:0;padding:0;cursor:pointer;z-index:2}.password-field .password-action:after{font-size:17px;line-height:28px}.password-field .generate-password{right:48px}.password-field .copy-password{right:80px}.password-field .generate-password:after{content:'✦'}.password-field .copy-password:after{content:'▣';font-size:15px}.password-field .password-action:hover{color:#368ed4}.password-field .password-action:before{content:attr(data-tooltip);position:absolute;right:0;bottom:36px;white-space:nowrap;background:#07111f;color:#fff;border-radius:5px;padding:6px 8px;font-size:11px;font-weight:500;opacity:0;pointer-events:none;transform:translateY(4px);transition:.18s}.password-field .password-action:hover:before{opacity:1;transform:translateY(0)}.password-field input{padding-right:145px}
.password-field .copy-password:after{display:none}.password-field .copy-password svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.password-field .copy-password svg{display:none}.password-field .copy-password:before,.password-field .copy-password:after{content:'';position:absolute;display:block;width:13px;height:15px;border:1.7px solid currentColor;border-radius:3px;background:transparent}.password-field .copy-password:before{left:6px;top:8px}.password-field .copy-password:after{left:10px;top:4px}
.brand-lockup,.mobile-brand{gap:19px;font-size:38px;letter-spacing:-1.8px}.brand-mark{width:54px;height:54px;border-radius:15px;background:#4b9de2;color:#fff;font-size:34px;box-shadow:0 8px 20px rgba(75,157,226,.2)}@media(max-width:800px){.mobile-brand{font-size:30px;gap:13px}.mobile-brand .brand-mark{width:44px;height:44px;border-radius:13px;font-size:27px}}
.brand-mark{font-size:0;background:#4b9de2 url('assets/hostuz-logo.png') center/cover no-repeat}
.verify-phone.verified{background:#20a978!important;color:#fff!important;border-color:#20a978!important}.code-status.success{color:#16835d}.code-status.error{color:#bd4d59}
@keyframes phone-verification-attention{0%,100%{background:#4b9de2;box-shadow:none}18%,54%{background:#df3d4b;box-shadow:0 0 0 5px rgba(223,61,75,.22)}36%,72%{background:#4b9de2;box-shadow:none}85%{background:#df3d4b;box-shadow:0 0 0 5px rgba(223,61,75,.22)}}
.verify-phone.phone-attention{animation:phone-verification-attention 1.8s ease-in-out 1;opacity:1}
.verify-phone:hover{transform:none}
.submit-btn.login-attention,.submit-btn.login-attention:hover{animation:phone-verification-attention 1.8s ease-in-out 1;transform:none}
@media(prefers-reduced-motion:reduce){.submit-btn.login-attention{animation:none;background:#df3d4b;box-shadow:0 0 0 4px rgba(223,61,75,.22)}}
@media(prefers-reduced-motion:reduce){.verify-phone.phone-attention{animation:none;box-shadow:0 0 0 3px #df3d4b}}
.code-modal-open{overflow:hidden}.code-modal{padding:16px;overflow-y:auto}.code-card{width:min(100%,420px);max-height:calc(100dvh - 32px);overflow-y:auto}.code-input{font-size:20px;letter-spacing:.45em;padding-left:.45em}.resend-code{display:block;width:100%;min-height:42px;margin-top:10px;border:1px solid #c8dcf0;border-radius:9px;background:#f3f9ff;color:#267dbd;font:700 13px 'DM Sans',sans-serif;cursor:pointer}.resend-code[hidden]{display:none}.resend-code:disabled,.confirm-code:disabled{opacity:.55;cursor:not-allowed}@media(max-width:520px){.code-modal{align-items:center;padding:12px}.code-card{width:100%;padding:26px 20px;max-height:calc(100dvh - 24px)}.code-input{font-size:18px}}
.remember-login{display:flex;align-items:center;gap:10px;margin:4px 0 18px;color:#526175;font-size:14px;font-weight:600;cursor:pointer}.remember-login[hidden]{display:none}.remember-login input{width:17px;height:17px;margin:0;accent-color:#4b9de2;cursor:pointer}.remember-login input:focus-visible{outline:2px solid #4b9de2;outline-offset:3px}
/* Masaüstünde tanıtım alanı sabit kalır; uzun kayıt formu kendi içinde kayar. */
@media (min-width: 801px) {
  html, body { height: 100%; }
  body { overflow: hidden; }
  .auth-shell { height: 100dvh; min-height: 0; overflow: hidden; }
  .brand-panel { height: 100%; min-height: 0; }
  .form-panel { display: flex; flex-direction: column; align-items: center; justify-content: safe center; min-height: 0; height: 100%; overflow-y: auto; overscroll-behavior-y: contain; }
  .form-wrap { flex: none; }
}