/* WEB PANEL PROXY public CSS */
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;color:#111936;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(circle at 12% 12%,#bce7ff,transparent 34%),radial-gradient(circle at 88% 92%,#d9c8ff,transparent 36%),#f5f7ff}.card{width:min(780px,100%);padding:clamp(32px,7vw,70px);text-align:center;border:1px solid #fff;border-radius:34px;background:#fffffff0;box-shadow:0 25px 70px #344f8b27}.mark{width:68px;height:68px;margin:0 auto 22px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#2868ff,#7b4dff);color:#fff;font-size:32px;box-shadow:0 14px 28px #4168ce55}h1{margin:0;font-size:clamp(34px,7vw,62px);letter-spacing:-.06em}h1 span{color:#2868ff}p{max-width:530px;margin:18px auto 0;color:#56637e;font-size:clamp(16px,2.5vw,20px);line-height:1.6}.timer{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:510px;margin:38px auto}.unit{padding:17px 8px;border-radius:20px;background:#f6f8ff;border:1px solid #e7ebfa}.n{display:block;font-size:clamp(28px,5vw,45px);font-weight:800;line-height:1}.l{display:block;margin-top:8px;color:#77829b;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.note{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border-radius:99px;background:#eef3ff;color:#3c568d;font-size:14px}.dot{width:8px;height:8px;border-radius:50%;background:#2ccf91;box-shadow:0 0 0 5px #2ccf9128}@media(max-width:440px){.card{padding:35px 18px;border-radius:26px}.timer{gap:7px}.unit{padding:14px 4px;border-radius:15px}.l{font-size:9px}}