:root{--navy:#15223c;--navy-2:#1b2b49;--green:#16a163;--green-dim:#8fcdae;--ink:#1c2430;--muted:#7b8794;--line:#e6e9ee;--card:#fff}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--navy);background-image:radial-gradient(120% 90% at 90% 100%,rgba(22,161,99,.55) 0,rgba(22,161,99,0) 55%),radial-gradient(90% 70% at 0 0,rgba(31,48,80,.9) 0,rgba(21,34,60,0) 60%),linear-gradient(180deg,#15223c,#15223c);background-attachment:fixed}.page,body{min-height:100vh}.page{display:flex;flex-direction:column;align-items:center;padding:40px 16px 64px}.brand{margin:24px 0 28px;display:flex;justify-content:center}.logo{font-style:italic;font-weight:800;font-size:34px;letter-spacing:-1px;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo .g{color:var(--green)}.auth-card{width:100%;max-width:440px;background:var(--card);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35)}.tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding:14px;background:#eef1f4}.tab{border:none;cursor:pointer;padding:14px 0;border-radius:10px;font-size:16px;font-weight:700;background:transparent;color:#2b3340;transition:background .15s,color .15s}.tab.active{background:var(--green);color:#fff;box-shadow:0 6px 16px rgba(22,161,99,.35)}.card-body{padding:22px}.method{justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:16px}.method,.method-side{display:flex;align-items:center}.method-side{gap:8px;color:var(--muted);font-weight:600;font-size:14px;line-height:1.15}.method-side.active{color:var(--ink)}.method-side svg,.switch{flex:none}.switch{position:relative;width:46px;height:26px;border-radius:999px;border:none;cursor:pointer;background:var(--green);transition:background .15s}.switch .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .18s ease}.switch[data-on=true] .knob{transform:translateX(20px)}.input-row{display:flex;gap:12px;margin-bottom:16px}.cc{flex:none;width:110px}input.field,select.field{width:100%;height:56px;border:1px solid var(--line);border-radius:12px;padding:0 16px;font-size:16px;color:var(--ink);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}input.field::placeholder{color:#aab2bd}input.field:focus,select.field:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,161,99,.15)}.submit{width:100%;height:56px;border:none;border-radius:12px;font-size:17px;font-weight:700;color:#fff;background:var(--green-dim);cursor:not-allowed;transition:background .15s}.submit.ready{background:var(--green);cursor:pointer;box-shadow:0 10px 24px rgba(22,161,99,.35)}.submit:disabled{opacity:1}.error{color:#d23b3b;font-size:13px;margin:-6px 0 14px;min-height:16px}.foot{margin-top:18px;color:hsla(0,0%,100%,.65);font-size:12px;text-align:center}