:root{--navy:#033f99;--blue:#5a84fc;--indigo:#4f46e5;--success:#16a34a;--warning:#f8b340;--error:#ff4743;--ink:#2b2e33;--text:#4b5563;--muted:#9ca3af;--line:#e7e9ee;--bg:#f0f1f2;--grad-soft:linear-gradient(145deg, #6486f4 0%, #7172ea 52%, #8a78e6 100%);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--shadow:0 1px 2px #1018280a, 0 8px 24px -12px #033f9929;--shadow-lg:0 24px 60px -22px #1018284d}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Noto Sans Thai,Outfit,sans-serif;font-size:16px;line-height:1.5}a{color:inherit}.ico{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.sr{width:0;height:0;position:absolute;overflow:hidden}.h3{color:var(--ink);margin:0;font-size:22px;font-weight:600;line-height:1.25}.card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);background:#fff}.card-pad{padding:24px}.btn{border-radius:var(--r-md);cursor:pointer;font:inherit;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14.5px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .2s,background .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--grad-soft);color:#fff;box-shadow:0 12px 26px -14px #7172eab3}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 32px -14px #7172eacc}.btn-block{width:100%}