:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--red:#e50914;--red-dark:#c90812;--ink:#171717;--muted:#6f6f6f;--line:#ececec;--soft:#f7f7f8;--green:#16833b}*{box-sizing:border-box}[hidden]{display:none!important}html{background:#fafafa}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% -10%,#fff 0,#fff 35%,#f7f7f7 100%);padding:max(28px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}main{width:min(100%,640px);margin:2vh auto;background:#fff;border:1px solid #ededed;border-radius:24px;padding:clamp(26px,5vw,42px);box-shadow:0 24px 70px rgba(0,0,0,.08)}h1{font-size:clamp(32px,6vw,42px);line-height:1.05;letter-spacing:-.035em;margin:7px 0 10px}.brand{margin:0;color:var(--red);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.subtitle{color:var(--muted);margin:0 0 28px;line-height:1.55;font-size:15px}label{display:block;margin:18px 0 8px;font-size:14px;font-weight:800}input{width:100%;min-height:54px;border:1px solid #d3d3d3;border-radius:13px;background:#fff;padding:14px 16px;font:inherit;font-size:16px;color:var(--ink);transition:border-color .15s,box-shadow .15s}input:hover{border-color:#b8b8b8}input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 4px rgba(229,9,20,.09)}.actions{margin-top:24px}.primary{width:100%;min-height:54px;border:0;border-radius:13px;padding:13px 18px;background:linear-gradient(180deg,#f20b17,#df0712);color:#fff;font:inherit;font-size:14px;font-weight:900;letter-spacing:.02em;cursor:pointer;box-shadow:0 10px 22px rgba(229,9,20,.16);transition:transform .12s,box-shadow .12s,background .12s}.primary:hover{background:var(--red-dark);box-shadow:0 12px 28px rgba(229,9,20,.22);transform:translateY(-1px)}.primary:active{transform:translateY(0)}.primary:focus-visible,a:focus-visible{outline:3px solid rgba(229,9,20,.24);outline-offset:3px}.primary:disabled{opacity:.6;cursor:wait;transform:none}#account{margin-top:22px;padding:20px;border:1px solid #e9ecea;border-radius:17px;background:linear-gradient(180deg,#fbfffc,#fff);box-shadow:inset 0 1px 0 #fff}.valid-row{color:var(--green);margin-bottom:14px;font-size:15px}#account p{margin:8px 0;color:#444}.read-button{margin-top:18px}#status{min-height:0;margin:14px 2px 0;color:#666;font-size:14px;overflow-wrap:anywhere}#mail{margin-top:24px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px;box-shadow:0 12px 34px rgba(0,0,0,.04)}#mail h2{margin:0 0 6px;font-size:21px;line-height:1.35;overflow-wrap:anywhere}#date{margin:0 0 18px;color:#8a8a8a;font-size:13px}pre{margin:0;padding:18px;border-radius:14px;background:#f8f8f8;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:15px;line-height:1.7;color:#333}.mail-link{display:flex;align-items:center;justify-content:center;margin-top:16px;padding:13px 15px;border-radius:12px;background:#fff1f2;color:var(--red);text-decoration:none;font-size:13px;font-weight:900}.mail-link:hover{background:#ffe7e9}footer{margin-top:26px;text-align:center}.zalo-button{display:inline-flex;align-items:center;gap:11px;padding:10px 14px;border:1px solid #dfeaf7;border-radius:999px;background:#fbfdff;text-decoration:none;color:#1468c9;font-weight:800;transition:transform .12s,box-shadow .12s,border-color .12s}.zalo-button:hover{transform:translateY(-1px);border-color:#c7daf1;box-shadow:0 10px 26px rgba(25,97,181,.09)}.zalo-logo{width:30px;height:30px;display:inline-flex}.zalo-logo svg{width:30px;height:30px;fill:#1677e8}.zalo-logo .zmark{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}@media(max-width:520px){body{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}main{margin:0 auto;border-radius:18px;padding:24px 18px;box-shadow:0 12px 38px rgba(0,0,0,.06)}h1{font-size:31px}#mail{padding:17px}pre{padding:15px}}