:root{font-family:"Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;color:#173746;background:#071f2d;font-synthesis:none}
    *{box-sizing:border-box}body{margin:0;min-height:100svh;overflow-x:hidden}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 82% 84%,rgba(0,180,166,.15),transparent 48%),radial-gradient(ellipse at 15% 0,rgba(23,95,148,.2),transparent 47%),linear-gradient(125deg,#071c2b,#092b38 65%,#073b43)}
    .grid{position:fixed;inset:0;opacity:.14;background-image:linear-gradient(#7aa0aa1a 1px,transparent 1px),linear-gradient(90deg,#7aa0aa1a 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,#000 60%);pointer-events:none}
    .brand{position:absolute;top:34px;left:46px;display:flex;gap:12px;align-items:center;color:#fff;z-index:1}
    .brand-icon{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(145deg,#2675fa,#12c7ba);border-radius:11px;box-shadow:inset 0 1px 1px #ffffff80,0 5px 20px #0002;font-weight:800;font-size:16px;letter-spacing:-1px}
    .brand-name{font-weight:700;font-size:17px;letter-spacing:.3px}.brand-sub{font-size:9px;letter-spacing:2.1px;color:#91afba;margin-top:4px}
    main{position:relative;display:flex;align-items:center;justify-content:center;min-height:100svh;padding:125px 24px 110px}
    .card{position:relative;width:482px;max-width:100%;padding:39px 42px 34px;border:1px solid #e0e9ec;border-radius:24px;background:#fff;box-shadow:0 30px 80px #0003,0 0 0 8px #ffffff04;overflow:hidden}
    .card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#196bfa,#10cbb1)}
    .access-icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#edf5ff,#e7faf5);display:grid;place-items:center;margin-bottom:24px;color:#078f99}
    .access-icon svg{width:29px;height:29px;stroke-width:1.7}
    h1{font-size:27px;letter-spacing:-.5px;line-height:1.5;margin:0 0 8px;font-weight:750;color:#102e3d}
    .intro{font-size:14px;line-height:1.85;color:#70828b;margin:0 0 27px}
    label{display:block;font-size:14px;font-weight:700;margin-bottom:10px;color:#344d5a}
    .input-shell{display:flex;align-items:center;border:1px solid #cfdce2;border-radius:11px;background:#fbfdfe;transition:border-color .15s,box-shadow .15s}
    .input-shell:focus-within{border-color:#13aabb;box-shadow:0 0 0 3px #11b6b612}
    input{min-width:0;width:100%;height:53px;padding:0 15px;border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:#193a48;letter-spacing:.3px}
    input::placeholder{color:#9caeb7;font-size:14px;letter-spacing:0}
    .show-code{border:0;background:transparent;display:grid;place-items:center;height:40px;width:43px;margin-right:5px;flex-shrink:0;color:#81959f;cursor:pointer;border-radius:7px}
    .show-code:hover{background:#edf5f6;color:#268b94}.show-code:focus-visible{outline:2px solid #14aaa9}
    .show-code svg{width:20px;height:20px;stroke-width:1.6}
    .assurance{display:flex;align-items:center;gap:7px;margin:13px 0 24px;color:#299a80;font-size:12px}
    .assurance svg{width:15px;height:15px;flex-shrink:0;stroke-width:1.8}
    .submit{display:flex;align-items:center;justify-content:center;gap:10px;border:0;width:100%;height:53px;color:#fff;font:inherit;font-size:15px;font-weight:700;border-radius:11px;cursor:pointer;background:linear-gradient(100deg,#176df8 0%,#09b8ce 55%,#19cba7 100%);box-shadow:0 7px 19px #0bafa323;transition:filter .15s,transform .15s}
    .submit:hover{filter:brightness(1.045);transform:translateY(-1px)}.submit:focus-visible{outline:3px solid #7bdbe3;outline-offset:3px}
    .submit svg{height:18px;width:18px;stroke-width:1.9}
    .below{color:#9aabb3;font-size:11px;text-align:center;margin:18px 0 0;line-height:1.8}
    .status{padding:12px;background:#eff8fb;color:#567680;font-size:12px;line-height:1.8;border-radius:8px;margin-top:16px}.status[hidden]{display:none}
    footer{position:absolute;bottom:29px;left:24px;right:24px;text-align:center;font-size:11px;color:#61818e;letter-spacing:.2px}
    @media(max-width:560px){.brand{top:26px;left:25px;gap:10px}.brand-icon{width:35px;height:35px;border-radius:10px;font-size:14px}.brand-name{font-size:15px}.brand-sub{font-size:8px;letter-spacing:1.6px}main{padding:110px 21px 110px}.card{padding:31px 25px 28px;border-radius:20px}.access-icon{width:49px;height:49px;margin-bottom:22px;border-radius:14px}h1{font-size:24px}.intro{font-size:13px;margin-bottom:25px}.below{font-size:10px}footer{font-size:10px;bottom:25px}}
    @media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Verification states preserve the approved initial appearance. */
.submit:disabled{cursor:wait;filter:saturate(.8);transform:none}
.show-code:disabled{cursor:wait}