*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}button,textarea,input,select{font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}:root{--bg-page:#f5f5f3;--bg-surface:#fff;--bg-card:#fafaf8;--bg-elevated:#fff;--bg-overlay:#fffffff2;--border:#e5e5e3;--border-subtle:#ececec;--border-strong:#d0d0cc;--border-default:#d0d0cc;--text-1:#1a1a1a;--text-2:#555;--text-3:#888;--bg-active:#16a34a0f;--badge-bg:#eeeeec;--block-bg:#f4f4f2;--block-border:#e8e8e6;--tag-border:#16a34a47;--tag-color:#16a34a;--input-bg:#fff;--error:#dc2626;--warning-bg:#f59e3214;--warning-border:#f59e324d;--warning-color:#c2410c;--tag-bg:#16a34a1a;--primary:#16a34a;--primary-text:#fff;--accent-blue:#3b82f6;--accent-amber:#d97706;--accent-green:#10b981;--accent-red:#ef4444;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-lime:#65a30d}.dark{--bg-page:#0d0d0d;--bg-surface:#141414;--bg-card:#1a1a1a;--bg-elevated:#1c1c1c;--bg-overlay:#000000e0;--border:#252525;--border-subtle:#202020;--border-strong:#333;--border-default:#333;--text-1:#e8e8e8;--text-2:#999;--text-3:#666;--bg-active:#a8d84014;--badge-bg:#222;--block-bg:#1e1e1e;--block-border:#2a2a2a;--tag-border:#a8d84059;--tag-color:#b8e053;--input-bg:#1a1a1a;--error:#ff6b6b;--warning-bg:#f0b43c1a;--warning-border:#f0b43c80;--warning-color:#d4a72c;--tag-bg:#a8d8402e;--primary:#b8e053;--primary-text:#0c0c0c;--accent-blue:#6bb5ff;--accent-amber:#f5c442;--accent-green:#6ee7b7;--accent-red:#ff7b72;--accent-purple:#b88efe;--accent-pink:#f787b8;--accent-lime:#b8e053}body{background:var(--bg-page);color:var(--text-1);font-family:IBM Plex Sans Thai,system-ui,sans-serif}@media (max-width:639px){input,textarea,select{font-size:16px!important}*{max-width:100%}img,video{width:100%}}.lp-container{max-width:960px;margin:0 auto;padding:0 24px}.lp-features-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.lp-steps-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.lp-cta{transition:background .15s,transform .1s}.lp-cta:hover{transform:translateY(-1px);background:#bce852!important}.lp-feature-card{transition:border-color .15s,background .15s}.lp-feature-card:hover{background:#161616!important;border-color:#a8d8404d!important}.lp-ghost-btn{transition:background .15s}.lp-ghost-btn:hover{background:#ffffff0d!important}.lp-hero-section{border-bottom:1px solid #141414;padding:88px 0 80px}.lp-section-lg{border-bottom:1px solid #141414;padding:72px 0}.lp-section-md{border-bottom:1px solid #141414;padding:64px 0}.lp-section-sm{border-bottom:1px solid #141414;padding:48px 0}.lp-section-footer{padding:36px 0}@media (max-width:639px){.lp-nav-privacy{display:none!important}.lp-features-grid{grid-template-columns:1fr;gap:10px}.lp-steps-grid{grid-template-columns:repeat(2,1fr);gap:20px}.lp-hero-section{padding:44px 0 36px}.lp-section-lg{padding:44px 0}.lp-section-md{padding:36px 0}.lp-section-sm,.lp-section-footer{padding:24px 0}.lp-footer-links{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.lp-hero-subtitle br{display:none}.lp-cta-full{justify-content:center!important;width:100%!important}.lp-feature-card{align-items:flex-start;gap:14px;padding:16px!important;display:flex!important}.lp-feature-icon{flex-shrink:0;padding-top:25px;line-height:1;margin-bottom:0!important}.lp-feature-text{flex:1;min-width:0}}.login-split{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-brand{background:#0e0e0e;border-right:1px solid #1a1a1a;flex-direction:column;justify-content:center;padding:64px 56px;display:flex}.login-brand>*{width:100%;max-width:420px;margin-left:auto;margin-right:auto}.login-form-panel{background:#0c0c0c;justify-content:center;align-items:center;padding:48px 40px;display:flex}.login-mobile-header{display:none}.login-google-btn{transition:background .15s,color .15s,border-color .15s}@media (min-width:1024px){.login-brand{padding:80px 72px}.login-form-panel{padding:64px}}@media (min-width:1440px){.login-brand{padding:96px}.login-form-panel{padding:80px 96px}}@media (max-width:639px){.login-split{flex-direction:column;min-height:100svh;display:flex}.login-brand{display:none}.login-form-panel{flex:1;justify-content:flex-start;align-items:flex-start;padding:32px 24px 48px}.login-mobile-header{display:block}.login-form-inner{padding-top:0!important}}.privacy-container{max-width:720px;margin:0 auto;padding:0 24px}.privacy-section{margin-bottom:40px}.privacy-section h2{color:#ccc;border-bottom:1px solid #1e1e1e;margin-bottom:12px;padding-bottom:8px;font-size:15px;font-weight:700}.privacy-section p,.privacy-section li{color:#555;font-size:13px;line-height:1.85}.privacy-section ul{flex-direction:column;gap:6px;padding-left:20px;display:flex}.privacy-table-wrap{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overflow-x:auto}.privacy-table{border-collapse:collapse;width:100%;min-width:480px;margin-top:12px;font-size:12px}.privacy-table th{color:#888;text-align:left;background:#141414;border:1px solid #1e1e1e;padding:10px 14px;font-weight:600}.privacy-table td{color:#555;vertical-align:top;border:1px solid #1a1a1a;padding:10px 14px;line-height:1.65}@media (max-width:639px){.privacy-table{min-width:460px;max-width:none!important}.privacy-table-wrap{margin:0 -4px}}.privacy-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.privacy-modal{background:#0c0c0c;border:1px solid #252525;border-radius:14px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;overflow:hidden}.privacy-modal-header{background:#111;border-bottom:1px solid #1e1e1e;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.privacy-modal-content{color:#eee;-webkit-overflow-scrolling:touch;flex:1;padding:24px 28px;overflow-y:auto}.privacy-modal-footer{background:#111;border-top:1px solid #1e1e1e;flex-shrink:0;justify-content:flex-end;padding:12px 20px;display:flex}@media (max-width:639px){.privacy-modal-overlay{padding:0}.privacy-modal{border:none;border-radius:0;height:100%;max-height:100svh}.privacy-modal-header{padding:14px 16px}.privacy-modal-content{padding:18px 14px}.privacy-modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}}