:root{--teal:#2E8B7F;--teal-600:#237065;--teal-700:#1D5A52;--orange:#F76A0C;--orange-600:#D8560A;--cream:#FFF7F0;--ink:#1F2430;--body:#3A4150;--muted:#5B6470;--line:#EFE7DE}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Nunito,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--body);background:var(--cream);-webkit-font-smoothing:antialiased}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.brand{position:relative;overflow:hidden;color:#fff;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(150deg,var(--teal) 0%,var(--teal-700) 100%)}.brand .blob{position:absolute;border-radius:50%;filter:blur(46px);opacity:.5;pointer-events:none}.brand .b1{width:20rem;height:20rem;background:#f9a24f;right:-5rem;top:-6rem}.brand .b2{width:16rem;height:16rem;background:#6fc7b6;left:-4rem;bottom:-4rem;opacity:.4}.brand-logo{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.25rem;position:relative;z-index:1}.brand-logo .paw{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.85rem;background:#ffffff29}.brand-logo small{font-weight:700;font-size:.85rem;color:#ffffffb3}.brand-mid{position:relative;z-index:1;max-width:26rem}.brand-title{font-size:2.6rem;line-height:1.1;font-weight:800;letter-spacing:-.02em}.brand-title .hand{font-family:Caveat,cursive;font-weight:700;color:#fcc08c;font-size:3.1rem;display:inline-block}.brand-sub{margin-top:1rem;font-size:1.05rem;color:#ffffffe6;line-height:1.6}.brand-feats{margin-top:1.75rem;list-style:none;display:flex;flex-direction:column;gap:.7rem}.brand-feats li{display:flex;align-items:center;gap:.6rem;font-weight:600;color:#fffffff2}.brand-feats .ck{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#ffffff2e;flex:none}.brand-foot{position:relative;z-index:1;font-size:.85rem;color:#ffffffb3}.form-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;position:relative}.card{width:100%;max-width:26rem}.mobile-logo{display:none;align-items:center;gap:.55rem;font-weight:800;font-size:1.2rem;color:var(--ink);margin-bottom:1.75rem}.mobile-logo .paw{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:.75rem;background:var(--teal);color:#fff}h1{font-size:1.7rem;color:var(--ink);font-weight:800;letter-spacing:-.01em}.sub{margin-top:.4rem;color:var(--muted);font-size:.98rem;line-height:1.5}form{margin-top:1.75rem}label{display:block;font-size:.85rem;font-weight:700;color:var(--ink);margin-bottom:.4rem;margin-top:1.1rem}label:first-of-type{margin-top:0}input{width:100%;padding:.8rem .95rem;border:1.5px solid var(--line);border-radius:12px;font-size:1rem;font-family:inherit;color:var(--ink);background:#fff;transition:.15s ease}input::placeholder{color:#aab0ba}input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px #2e8b7f24}input.code-input{letter-spacing:6px;font-size:1.3rem;font-weight:800;text-align:center}.hint{font-size:.78rem;color:var(--muted);margin-top:.4rem}.forgot{text-align:right;margin-top:.5rem;font-size:.85rem}.forgot a{color:var(--teal-700);font-weight:700;text-decoration:none}.forgot a:hover{text-decoration:underline}button[type=submit]{margin-top:1.5rem;width:100%;padding:.85rem 1.5rem;border:none;cursor:pointer;background:var(--orange);color:#fff;font-family:inherit;font-weight:800;font-size:1.02rem;border-radius:9999px;box-shadow:0 8px 24px #f76a0c47;transition:.18s ease}button[type=submit]:hover{background:var(--orange-600);transform:translateY(-1px)}button[type=submit]:disabled{background:#f9a24f;cursor:not-allowed;transform:none;box-shadow:none}button[type=submit]:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.msg{font-size:.88rem;margin-top:1rem;padding:.7rem .85rem;border-radius:10px;font-weight:600;line-height:1.5}.error{color:#b91c1c;background:#fef2f2;border:1px solid #FECACA}.success{color:#047857;background:#ecfdf5;border:1px solid #A7F3D0}.success a{color:var(--teal-700);font-weight:800;text-decoration:underline}.divider{display:flex;align-items:center;gap:.9rem;margin:1.5rem 0;color:var(--muted);font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.link{text-align:center;font-size:.92rem;color:var(--muted)}.link a{color:var(--teal-700);font-weight:800;text-decoration:none}.link a:hover{text-decoration:underline}.back{margin-top:2rem;font-size:.85rem;text-align:center}.back a{color:var(--muted);text-decoration:none;font-weight:600}.back a:hover{color:var(--teal-700)}@media(max-width:880px){.auth{grid-template-columns:1fr}.brand{display:none}.form-side{min-height:100vh}.mobile-logo{display:flex}}@media(prefers-reduced-motion:reduce){button[type=submit]:hover{transform:none}}