.mock-auth{background:#f5f7f8;padding:20px 0 36px}.mock-auth-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);gap:20px;align-items:start}.mock-panel{background:#fff;border:1px solid #e2e8e5;border-radius:10px;box-shadow:0 12px 34px rgba(16,24,32,.06)}.mock-hero{padding:22px;background:linear-gradient(135deg,#003d25,#006b3a);color:#fff;overflow:hidden}.mock-hero h1{margin:10px 0 8px;font-size:30px;line-height:1.12}.mock-hero p{margin:0;color:rgba(255,255,255,.78)}.mock-steps{display:grid;gap:10px;margin-top:18px}.mock-step{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:10px}.mock-step b{width:38px;height:38px;border-radius:10px;background:#ff9700;color:#111;display:grid;place-items:center}.mock-step span{font-weight:850}.mock-form{padding:22px}.mock-form h2{margin:0 0 6px;font-size:24px}.mock-form .sub{margin:0 0 16px;color:#5c6972}.mock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mock-field{display:grid;gap:6px;font-weight:850}.mock-field input{height:44px;border:1px solid #dfe7e2;border-radius:9px;padding:0 12px;font-size:15px}.mock-field.full{grid-column:1/-1}.mock-error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3;border-radius:9px;padding:10px;margin-bottom:12px}.mock-actions{display:grid;gap:10px;margin-top:14px}.mock-actions button{height:46px;border:0;border-radius:9px;background:#006b3a;color:#fff;font-weight:950;font-size:16px}.mock-actions a{text-align:center;color:#006b3a;font-weight:850}.mock-mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.mock-mini{background:#fff;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);border-radius:9px;padding:12px}.mock-mini b{display:block;font-size:20px;color:#ffb13b}.mock-mini span{font-size:12px;color:rgba(255,255,255,.8)}@media(max-width:880px){.mock-auth{padding-top:10px}.mock-auth-shell{grid-template-columns:1fr}.mock-hero{padding:18px}.mock-hero h1{font-size:24px}.mock-form{padding:16px}.mock-grid{grid-template-columns:1fr}.mock-mini-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:420px){.mock-mini-cards{grid-template-columns:1fr}.mock-step{grid-template-columns:32px 1fr}.mock-step b{width:32px;height:32px}.mock-field input{font-size:16px}}