:root{--tw-orange:#ff4a16;--tw-orange2:#df3212;--tw-ink:#1f0c08;--tw-muted:#6b7280;--tw-line:#e8eaee;--tw-shadow:0 28px 70px rgba(31,12,8,.16)}
*{box-sizing:border-box}.tw-auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(440px,1.05fr);background:#f6f7f9;color:#161616}
.tw-auth-brand{position:relative;overflow:hidden;padding:54px clamp(34px,5vw,76px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,#170806 0%,#44170d 54%,#ef420e 100%)}
.tw-auth-brand:before,.tw-auth-brand:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.tw-auth-brand:before{width:430px;height:430px;right:-180px;top:-120px}.tw-auth-brand:after{width:290px;height:290px;left:-140px;bottom:-90px}
.tw-auth-brand>*{position:relative;z-index:2}.tw-auth-logo{width:190px;max-width:60%}.tw-auth-kicker{display:inline-flex;gap:8px;align-items:center;width:max-content;padding:8px 11px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:999px;font-size:12px;font-weight:800}
.tw-auth-brand h1{font-size:clamp(40px,5vw,68px);line-height:.95;letter-spacing:-.045em;margin:22px 0 16px;max-width:620px}.tw-auth-brand h1 span{color:#ff7a45}.tw-auth-brand p{max-width:520px;color:#eaded9;font-size:16px;line-height:1.65}
.tw-auth-points{display:grid;gap:11px;margin-top:28px}.tw-auth-point{display:flex;align-items:center;gap:10px;color:#f6ede9;font-size:13px}.tw-auth-point i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.10)}
.tw-auth-brand-foot{font-size:12px;color:#dcbfb4}.tw-auth-main{padding:34px;display:grid;place-items:center;position:relative}.tw-auth-back{position:absolute;left:34px;top:28px;display:inline-flex;align-items:center;gap:8px;color:#50545a;font-size:13px;font-weight:700}
.tw-auth-back:hover{color:var(--tw-orange)}.tw-auth-card{width:min(100%,520px);background:#fff;border:1px solid var(--tw-line);border-radius:24px;box-shadow:var(--tw-shadow);padding:34px}.tw-auth-card-logo{display:none;width:170px;margin-bottom:28px}
.tw-auth-card h2{font-size:34px;line-height:1.05;margin:0 0 8px;letter-spacing:-.03em}.tw-auth-card>.tw-auth-copy{margin:0 0 26px;color:var(--tw-muted);font-size:14px}.tw-auth-status{margin-bottom:18px;padding:11px 13px;border-radius:12px;background:#e9f9ef;color:#137a40;font-size:13px;font-weight:700}
.tw-auth-field{display:grid;gap:7px;margin-bottom:16px}.tw-auth-field label{font-size:12px;font-weight:800;color:#3f444b}.tw-auth-input-wrap{position:relative}.tw-auth-input-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8d949d}.tw-auth-input{width:100%;height:50px;border:1px solid #dfe3e8;border-radius:13px;padding:0 44px;background:#fff;outline:none;transition:.18s}
.tw-auth-input:focus{border-color:#ff9a76;box-shadow:0 0 0 4px #fff0ea}.tw-auth-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#7b8189;width:32px;height:32px;border-radius:8px}.tw-auth-password-toggle:hover{background:#f5f5f5;color:#222}
.tw-auth-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:4px 0 20px}.tw-auth-remember{display:flex;align-items:center;gap:8px;color:#5e646c;font-size:13px}.tw-auth-remember input{accent-color:var(--tw-orange)}.tw-auth-link{color:#d94115;font-size:13px;font-weight:800}.tw-auth-link:hover{text-decoration:underline}
.tw-auth-submit{width:100%;height:50px;border:0;border-radius:13px;background:linear-gradient(90deg,var(--tw-orange),#ff6a24);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 10px 24px rgba(255,74,22,.22);transition:.18s}.tw-auth-submit:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(255,74,22,.28)}
.tw-auth-note{margin:20px 0 0;padding-top:18px;border-top:1px solid #eceef1;text-align:center;color:#8a9098;font-size:11px}.tw-auth-errors{margin-bottom:18px;padding:12px 14px;border-radius:12px;background:#fff0ef;color:#b52c1a;font-size:12px}
@media(max-width:900px){.tw-auth-page{grid-template-columns:1fr}.tw-auth-brand{min-height:245px;padding:28px 32px}.tw-auth-brand h1{font-size:40px;margin:18px 0 10px}.tw-auth-brand p{max-width:640px}.tw-auth-points,.tw-auth-brand-foot{display:none}.tw-auth-main{padding:52px 24px}.tw-auth-back{top:18px;left:24px}}
@media(max-width:620px){.tw-auth-page{display:block;background:#fff}.tw-auth-brand{min-height:150px;padding:24px;background:linear-gradient(125deg,#160806 0%,#571b0e 60%,#ee410e 100%)}.tw-auth-brand .tw-auth-copy-block{display:none}.tw-auth-logo{width:160px}.tw-auth-main{display:block;padding:28px 18px 36px}.tw-auth-back{position:static;margin:0 0 20px}.tw-auth-card{box-shadow:none;border:0;border-radius:0;padding:0;max-width:none}.tw-auth-card-logo{display:none}.tw-auth-card h2{font-size:30px}.tw-auth-row{align-items:flex-start;flex-direction:column;gap:12px}.tw-auth-input{height:52px}.tw-auth-submit{height:52px}}
@media(max-width:380px){.tw-auth-brand{min-height:128px;padding:20px}.tw-auth-logo{width:145px}.tw-auth-main{padding-left:15px;padding-right:15px}.tw-auth-card h2{font-size:27px}}

/* ===== Techno World FUTURE AUTH v9 ===== */
:root{--tw-orange:#ff3347;--tw-orange2:#ff6f3d;--tw-gradient:linear-gradient(120deg,#ff3347 0%,#ff5942 48%,#ff6f3d 100%)}
.tw-auth-page{background:radial-gradient(circle at 75% 10%,rgba(255,51,71,.055),transparent 24%),#f6f7fa}.tw-auth-brand{background:linear-gradient(145deg,#11131a 0%,#25151d 34%,#ff3347 74%,#ff6f3d 100%)}.tw-auth-brand h1 span{background:var(--tw-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.tw-auth-kicker{background:rgba(255,255,255,.10);backdrop-filter:blur(10px)}
.tw-auth-card{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-color:rgba(17,24,39,.08);box-shadow:0 30px 80px rgba(20,24,35,.11)}.tw-auth-input:focus{border-color:#ff4a4d;box-shadow:0 0 0 4px rgba(255,51,71,.10)}.tw-auth-submit{background:var(--tw-gradient);box-shadow:0 14px 30px rgba(255,51,71,.23)}.tw-auth-submit:hover{box-shadow:0 18px 34px rgba(255,51,71,.29)}.tw-auth-link,.tw-auth-back:hover{color:#e62c45}
@media(max-width:620px){.tw-auth-brand{background:linear-gradient(125deg,#12131a 0%,#3b1721 42%,#ff3347 76%,#ff6f3d 100%)}}