*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:#f3f6fb;color:#111827;min-height:100vh}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,#ffffff 0%,#eef3ff 100%)}.card{width:100%;max-width:420px;background:#fff;border-radius:24px;padding:34px 26px;box-shadow:0 22px 60px rgba(15,23,42,.14);border:1px solid #e5e7eb}.brand{display:flex;justify-content:center;margin-bottom:22px}.logo{max-width:250px;height:auto}h1{text-align:center;font-size:28px;line-height:1.15;color:#06077d;margin-bottom:8px}.subtitle{text-align:center;color:#4b5563;margin-bottom:26px;font-size:15px}label{display:block;font-weight:700;color:#1f2937;margin-bottom:8px;font-size:14px}input{width:100%;height:52px;border:1px solid #d1d5db;border-radius:14px;padding:0 16px;font-size:17px;outline:none;background:#fff;margin-bottom:16px}input:focus{border-color:#06077d;box-shadow:0 0 0 4px rgba(6,7,125,.10)}button{width:100%;height:52px;border:0;border-radius:14px;background:#06077d;color:#fff;font-weight:800;font-size:16px;cursor:pointer;transition:.2s}button:hover{filter:brightness(.92)}button:disabled{opacity:.65;cursor:not-allowed}.loading{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;color:#06077d;font-weight:700}.spinner{width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:#06077d;border-radius:50%;animation:spin 1s linear infinite}.hidden{display:none!important}.result{margin-top:18px;border-radius:16px;padding:16px;font-size:14px;line-height:1.5}.result p{margin-top:6px}.success{background:#eefdf3;border:1px solid #bbf7d0;color:#166534}.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.notice{text-align:center;color:#6b7280;font-size:12px;line-height:1.45;margin-top:22px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.page{padding:16px}.card{padding:28px 20px;border-radius:20px}.logo{max-width:220px}h1{font-size:24px}}
.paylink{display:inline-block;margin-top:10px;padding:12px 16px;background:#1266f1;color:#fff;text-decoration:none;border-radius:10px;font-weight:700}.paylink:hover{filter:brightness(.92)}