        *{box-sizing:border-box;margin:0;padding:0}
        html,body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
            color:#111827;background:#f9fafb;line-height:1.55;-webkit-font-smoothing:antialiased;
            min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
        .wrap{max-width:460px;width:100%}
        .brand{display:flex;align-items:center;justify-content:center;gap:10px;
            font-size:20px;font-weight:700;color:#0f172a;margin-bottom:20px}
        .brand img{width:32px;height:32px}
        .intro{text-align:center;margin-bottom:24px}
        .intro .pill{display:inline-flex;align-items:center;gap:6px;
            background:#eef2ff;color:#4338ca;padding:5px 12px;border-radius:999px;
            font-size:12px;font-weight:600;margin-bottom:14px}
        .intro h1{font-size:22px;font-weight:700;color:#0f172a;
            letter-spacing:-0.01em;line-height:1.3}
        .intro h1 strong{color:#4f46e5}
        .intro p{color:#6b7280;font-size:14px;margin-top:6px}
        .intro p strong{color:#111827}
        .card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;
            padding:28px;box-shadow:0 10px 24px -16px rgba(15,23,42,.15)}
        .card h2{font-size:15px;font-weight:600;color:#374151;margin-bottom:20px}
        label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}
        input[type=email],input[type=text],input[type=password]{
            width:100%;padding:11px 14px;border:1px solid #d1d5db;border-radius:8px;
            font-size:15px;font-family:inherit;color:#111827;background:#fff;
            transition:border-color .15s,box-shadow .15s;outline:none}
        input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}
        input[readonly],input[disabled]{background:#f9fafb;color:#6b7280;cursor:not-allowed}
        .row{margin-bottom:16px}
        .hint{font-size:12px;color:#9ca3af;margin-top:4px}
        button{width:100%;padding:13px;background:#4f46e5;color:#fff;
            border:none;border-radius:8px;font-size:15px;font-weight:600;
            cursor:pointer;transition:background .15s,transform .15s;margin-top:8px}
        button:hover{background:#4338ca;transform:translateY(-1px)}
        button:active{transform:translateY(0)}
        .errs{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;
            padding:12px 14px;border-radius:8px;font-size:13px;margin-bottom:18px}
        .errs strong{display:block;margin-bottom:4px}
        .errs ul{margin:4px 0 0 18px;padding:0}
        .foot{text-align:center;margin-top:20px;font-size:13px;color:#9ca3af}
        .foot a{color:#4f46e5;font-weight:500;text-decoration:none}
