:root{--main-bg:#1f2b27;--bg-deep:#121a16;--card-bg:#26332e;--panel-grad:linear-gradient(90deg,#445d4f,#24372e);--main-txt:#ffffff;--ink-dim:rgba(255,255,255,0.6);--theme-txt:#fbe6ae;--gold:#fbe6ae;--gold-deep:#795222;--gold-grad:linear-gradient(93deg,#fbe6ae 0.48%,#795222 100.37%);--placeholder:#707070;--field-bg:#1a2420;--field-border:rgba(255,255,255,0.12);--gold-hairline:rgba(255,193,7,0.18);--field-border-focus:#fbe6ae;--btn-txt:#131617;--error:#e0250c;--success:#4caf7d;--radius:10px;--shadow:0 8px 24px rgba(0,0,0,0.45)}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--main-txt);font-family:Helvetica Neue,Noto Sans Thai,system-ui,-apple-system,Arial,sans-serif;-webkit-font-smoothing:antialiased}.page,body,html{background:var(--bg-deep)}.page{position:relative;isolation:isolate;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:0 16px 40px}.page:before{z-index:-2;background-image:url(/bg/chacuen.jpg);background-image:image-set(url("/bg/chacuen.avif") type("image/avif"),url("/bg/chacuen.webp") type("image/webp"),url("/bg/chacuen.jpg") type("image/jpeg"));background-size:cover;background-position:50% 14%;background-repeat:no-repeat}.page:after,.page:before{content:"";position:fixed;inset:0}.page:after{z-index:-1;background:radial-gradient(1200px 420px at 50% -60px,rgba(105,119,105,.22),transparent 70%),linear-gradient(180deg,rgba(18,26,22,.34),rgba(18,26,22,.55) 42%,rgba(18,26,22,.86) 78%,rgba(18,26,22,.96))}.topbar{width:100%;max-width:460px;display:flex;justify-content:space-between;padding:16px 4px 8px}.topbar,.wordmark{align-items:center}.wordmark{display:inline-flex;gap:8px;font-weight:800;font-size:22px;letter-spacing:.5px;color:var(--main-txt)}.alt-login,.wordmark .crown{color:var(--gold)}.alt-login{border:1px solid var(--gold);background:transparent;border-radius:var(--radius);padding:7px 14px;font-size:13px;font-weight:700;text-decoration:none}.brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin:8px 0 16px}.brand img{height:48px;width:auto}.brand .tagline{color:var(--theme-txt);font-size:13px;letter-spacing:.3px;text-align:center}.card{width:100%;max-width:460px;background:var(--panel-grad);border:1px solid var(--gold-hairline);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 18px 24px}.card h1{margin:0 0 4px;font-size:22px;font-weight:700;text-align:center}.card .sub{margin:0 0 18px;text-align:center;color:var(--theme-txt);font-size:13px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;color:var(--theme-txt)}.input-wrap{position:relative;display:flex;align-items:center}.input-icon{left:12px}.input-icon,.prefix{position:absolute;display:inline-flex;color:var(--gold);pointer-events:none}.prefix{left:40px;align-items:center;gap:8px;font-weight:700;font-size:15px}.prefix:after{content:"";width:1px;height:18px;background:var(--field-border)}input,select{width:100%;padding:13px 14px 13px 40px;background:var(--field-bg);color:var(--main-txt);border:1px solid var(--field-border);border-radius:var(--radius);font-size:15px;outline:none;transition:border-color .15s ease}input.has-prefix{padding-left:92px}input.has-eye{padding-right:44px}input::placeholder{color:var(--placeholder)}input:focus,select:focus{border-color:var(--field-border-focus)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23fbe6ae' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.eye{position:absolute;right:10px;background:transparent;border:none;color:var(--gold);cursor:pointer;padding:6px;display:inline-flex}.err{margin-top:6px;font-size:12px;color:var(--error)}.submit{width:100%;margin-top:8px;padding:14px;border:none;border-radius:var(--radius);background:var(--gold-grad);color:var(--btn-txt);font-size:16px;font-weight:700;cursor:pointer;box-shadow:var(--shadow);transition:filter .15s ease}.submit:hover:not(:disabled){filter:brightness(1.06)}.submit:disabled{opacity:.6;cursor:default}.alt-box{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--gold-hairline);font-size:13px;color:var(--ink-dim)}.alt-box,.banner{padding:12px 14px;border-radius:var(--radius)}.banner{margin-bottom:16px;font-size:14px;text-align:center}.banner.ok{background:rgba(76,175,125,.15);border:1px solid var(--success);color:var(--success)}.banner.bad{background:rgba(224,37,12,.12);border:1px solid var(--error);color:#ff8a75}.trust{width:100%;max-width:460px;margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gold-hairline);border:1px solid var(--gold-hairline);border-radius:var(--radius);overflow:hidden}.stat{background:var(--main-bg);padding:12px 8px;text-align:center}.stat .k{display:block;font-size:11px;color:var(--ink-dim)}.stat .v{display:block;margin-top:2px;font-size:15px;font-weight:700;color:var(--gold)}.licenses{width:100%;max-width:460px;margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.licenses span{font-size:10px;letter-spacing:.5px;color:var(--ink-dim);border:1px solid var(--field-border);border-radius:999px;padding:4px 10px}.foot{margin-top:18px;font-size:11px;color:rgba(255,255,255,.5);text-align:center}