:root{--ink: #06131c;--ink-soft: #40505a;--navy: #04111d;--green: #63d63d;--green-deep: #1f9b3c;--mint: #eaf9e8;--line: #dfe8e2;--paper: #f8fbf8;--white: #fff;--shadow: 0 20px 70px rgba(4, 17, 29, .12);--radius: 24px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:DM Sans,sans-serif;background:#06131c;color:var(--ink)}body{min-height:100vh}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 12% 18%,rgba(99,214,61,.12),transparent 22%),radial-gradient(circle at 80% 15%,rgba(255,255,255,.06),transparent 18%),linear-gradient(120deg,#04111d,#0d2133,#06131c);padding:24px}.back-home{position:absolute;top:24px;left:24px;color:#ffffffb8;font-size:.85rem;font-weight:700;z-index:2}.back-home:hover{color:#fff}.auth-shell{width:min(1100px,100%);display:grid;grid-template-columns:1fr 1.1fr;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;box-shadow:0 30px 80px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-panel{padding:48px 42px;position:relative}.auth-left{background:linear-gradient(180deg,#63d63d14,#05111b4d);border-right:1px solid rgba(255,255,255,.08);color:#fff}.auth-right{background:#fffffff5}.brand-lockup{display:inline-flex;align-items:center;gap:14px;margin-bottom:28px}.brand-mark{width:52px;height:52px;border-radius:50%;background:#63d63d1f;border:1px solid rgba(99,214,61,.3);display:grid;place-items:center}.brand-mark svg{width:30px;height:30px}.brand-text{font-family:Manrope,sans-serif;font-size:1.4rem;font-weight:800;letter-spacing:-.04em}.brand-text span{color:var(--green)}.auth-copy h1{margin:0;font-family:Manrope,sans-serif;letter-spacing:-.06em;font-size:clamp(2.3rem,4vw,3.6rem);line-height:1.04}.auth-copy p{margin:18px 0 28px;color:#ffffffb8;font-size:1.02rem;max-width:420px}.feature-list{display:grid;gap:18px}.feature-item{display:flex;align-items:flex-start;gap:12px;color:#fffc}.feature-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#63d63d29;color:var(--green);font-weight:800}.feature-item strong{display:block;margin-bottom:4px}.form-header{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:24px}.form-header h2{margin:0;font-family:Manrope,sans-serif;font-size:clamp(1.9rem,3vw,2.5rem);letter-spacing:-.05em;color:var(--ink)}.form-header span{color:var(--ink-soft);font-size:.88rem;font-weight:700}.form-tabs{display:inline-flex;background:#edf3ef;border:1px solid var(--line);border-radius:12px;padding:5px;margin-bottom:20px}.tab-button{border:0;background:transparent;color:var(--ink-soft);border-radius:10px;padding:10px 18px;font-weight:700}.tab-button.active{background:var(--white);color:var(--ink);box-shadow:0 6px 14px #04111d14}.auth-form{display:grid;gap:18px}.input-wrap{display:grid;gap:8px}.input-wrap label{color:var(--ink-soft);font-weight:700;font-size:.92rem}.input-wrap input{width:100%;min-height:52px;border-radius:12px;border:1px solid var(--line);background:#f9fbfa;padding:0 14px;color:var(--ink);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-wrap input:focus{border-color:#63d63db3;box-shadow:0 0 0 4px #63d63d1f}.checkbox-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink-soft);font-size:.9rem}.checkbox-wrap{display:inline-flex;align-items:center;gap:8px}.checkbox-wrap input{width:16px;height:16px;accent-color:var(--green-deep)}.link{color:var(--green-deep);font-weight:700}.primary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 18px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--green) 0%,#8ef06d 100%);color:#07210f;font-weight:800;box-shadow:0 12px 24px #63d63d47}.primary-btn:hover{filter:brightness(1.02)}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(6,19,28,.12);background:transparent;color:var(--ink);font-weight:700}.divider{display:flex;align-items:center;gap:12px;color:#70838d;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.social-row{display:flex;gap:10px}.social-button{flex:1}.step-copy{margin:0;color:var(--ink-soft);font-size:.95rem}.auth-legal{margin:0;color:#70838d;font-size:.8rem;text-align:center}.error-message{color:#b3261e;background:#b3261e14;border:1px solid rgba(179,38,30,.2);border-radius:10px;padding:10px 12px;font-size:.88rem}.success-message{color:var(--green-deep);background:#63d63d1a;border:1px solid rgba(99,214,61,.28);border-radius:10px;padding:10px 12px;font-size:.88rem}.phone-row{display:flex;align-items:center;gap:10px;border-radius:12px;border:1px solid var(--line);background:#f9fbfa;padding:0 14px}.phone-row:focus-within{border-color:#63d63db3;box-shadow:0 0 0 4px #63d63d1f}.phone-prefix{color:var(--ink-soft);font-weight:700;white-space:nowrap}.phone-row input{flex:1;min-height:52px;border:0;background:transparent;outline:none;color:var(--ink)}.otp-inputs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.otp-digit{width:100%;min-width:0;min-height:54px;padding:0;border-radius:12px;border:1px solid var(--line);background:#f9fbfa;text-align:center;font-size:1.2rem;font-weight:800;color:var(--ink);outline:none}.otp-digit:focus{border-color:#63d63db3;box-shadow:0 0 0 4px #63d63d1f}.resend-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink-soft);font-size:.88rem}.link-btn{border:0;background:transparent;color:var(--green-deep);font-weight:700;padding:0}.link-btn:disabled{color:#9aa8a3;cursor:not-allowed}.auth-method-toggle{width:fit-content;margin-top:2px}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-left{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}}@media(max-width:560px){.auth-page{padding:18px}.auth-panel{padding:28px 22px}.checkbox-row{align-items:flex-start;flex-direction:column}.social-row{flex-direction:column}.otp-inputs{gap:6px}.otp-digit{min-height:46px;font-size:1rem}}