:root{--background:#f6f7f2;--foreground:#1b2b18;--green:#93c94b;--green-dark:#1f491a;--line:#1f491a2e;--error:#b3261e}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--foreground);margin:0;font-family:Th Sarabun New,Noto Sans Thai,Arial,Helvetica,sans-serif}button,input{font:inherit}.login-page,.portal-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{justify-items:center;gap:22px;width:min(100%,360px);display:grid}.mascot{border-radius:50%;width:min(72vw,260px);height:auto;box-shadow:0 24px 80px #1f491a24}.password-form{grid-template-columns:1fr auto;gap:10px;width:100%;display:grid}.password-form input{border:1px solid var(--line);min-width:0;height:48px;color:var(--foreground);background:#fff;border-radius:8px;outline:none;padding:0 14px}.password-form input:focus{border-color:var(--green-dark);box-shadow:0 0 0 4px #93c94b40}.password-form button{background:var(--green-dark);color:#fff;cursor:pointer;border:0;border-radius:8px;height:48px;padding:0 18px}.password-form button:hover{background:#173a13}.form-error{color:var(--error);margin:-8px 0 0;font-size:14px}.portal-shell{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:20px;width:min(100%,720px);padding:32px;display:flex}.portal-mark{border-radius:50%;flex:none;width:72px;height:72px}.eyebrow{color:#4f6f45;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:700}h1{margin:0;font-size:34px;line-height:1.1}.portal-copy{color:#3d4f39;max-width:520px;margin:12px 0 0;line-height:1.5}.platform-page{background:linear-gradient(#93c94b38,#0000 320px),#f8f8f4;place-items:center;min-height:100vh;padding:24px;display:grid}.platform-shell{text-align:center;justify-items:center;gap:22px;width:min(100%,680px);display:grid}.platform-mark{border-radius:50%;width:112px;height:112px;box-shadow:0 20px 60px #1f491a24}.platform-header{justify-items:center;gap:10px;display:grid}.platform-header p:last-child{color:#344830;max-width:560px;margin:0;font-size:17px;line-height:1.7}.platform-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}.platform-button{border:1px solid var(--line);min-height:128px;color:var(--foreground);text-align:left;background:#fff;border-radius:8px;align-content:center;gap:8px;padding:22px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.platform-button:hover{border-color:#1f491a61;transform:translateY(-2px);box-shadow:0 18px 48px #1f491a1f}.platform-button span{font-size:26px;font-weight:800;line-height:1.15}.platform-button small{color:#4f6f45;font-size:15px;line-height:1.5}.notion-page{color:#242424;background:linear-gradient(#93c94b38,#0000 320px),#f8f8f4;min-height:100vh}.notion-shell{width:min(100%,860px);margin:0 auto;padding:48px 28px 72px}.notion-header{grid-template-columns:76px 1fr;align-items:start;gap:22px;padding-bottom:28px;display:grid}.notion-icon{border:1px solid #ededeb;border-radius:12px;width:76px;height:76px}.notion-back{color:#6f6f6a;margin-bottom:10px;font-size:14px;text-decoration:none;display:inline-flex}.notion-back:hover{color:#242424;text-decoration:underline}.notion-header h1{color:#242424;font-size:42px;line-height:1.18}.notion-lead{color:#555550;max-width:680px;margin:14px 0 0;font-size:18px;line-height:1.75}.notion-callout,.notion-note,.notion-warning{border-radius:8px;padding:14px 16px;line-height:1.7}.notion-callout{color:#333330;background:#f7f6f3;gap:4px;margin-bottom:22px;display:grid}.notion-callout a{color:#2f6f91;overflow-wrap:anywhere}.notion-section{border-top:1px solid #ededeb;padding:28px 0;scroll-margin-top:24px}.notion-index{border-bottom:1px solid #ededeb;flex-wrap:wrap;gap:8px 18px;margin:0 0 22px;padding-bottom:24px;display:flex}.notion-index a{color:#6f6f6a;font-size:15px;line-height:1.5;text-decoration:none}.notion-index a:hover{color:#242424;text-decoration:underline}.notion-section h2{color:#242424;margin:0 0 14px;font-size:28px;line-height:1.25}.notion-section h3{color:#34342f;margin:0 0 8px;font-size:18px}.notion-copy{gap:12px;display:grid}.notion-copy p,.notion-columns p,.notion-bullets li,.notion-checklist li,.notion-steps li{color:#3f3f3a;font-size:17px;line-height:1.8}.notion-copy p,.notion-columns p{margin:0}.notion-note{color:#33482f;background:#f4f9ec;margin-top:18px}.notion-note strong{margin-bottom:4px;display:block}.notion-note p{margin:0}.explainer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.explainer-card{margin:0}.explainer-card img{background:#f7f6f3;border:1px solid #ededeb;border-radius:8px;width:100%;height:auto;display:block}.explainer-card figcaption{color:#6f6f6a;margin-top:8px;font-size:14px;line-height:1.45}.membership-image{width:min(100%,420px);margin:20px 0 0}.membership-image img{background:#f7f6f3;border:1px solid #ededeb;border-radius:8px;width:100%;height:auto;display:block}.membership-image figcaption{color:#6f6f6a;margin-top:8px;font-size:14px;line-height:1.45}.notion-warning{color:#5b3b0e;background:#fff4df;margin:18px 0}.notion-checklist,.notion-bullets,.notion-steps{margin:0;padding:0}.notion-checklist,.notion-bullets{list-style:none}.notion-checklist{gap:10px;display:grid}.notion-checklist li{min-height:32px;padding-left:38px;position:relative}.notion-checklist li:before{content:"✅";width:24px;height:24px;font-size:18px;line-height:1.4;position:absolute;top:2px;left:0}.notion-bullets{gap:8px;display:grid}.notion-bullets li{padding-left:22px;position:relative}.notion-bullets li:before{content:"";background:#8a8a84;border-radius:50%;width:6px;height:6px;position:absolute;top:14px;left:3px}.notion-steps{gap:10px;padding-left:26px;display:grid}.notion-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.notion-columns>div{border-left:3px solid #ededeb;padding-left:16px}.top-section{border-top:0;padding-top:0}.video-carousel{gap:10px;margin-top:18px;display:grid;position:relative}.video-radio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.video-stage{display:grid}.video-slide{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;display:none}#video-example-1:checked~.video-stage .video-slide-1,#video-example-2:checked~.video-stage .video-slide-2,#video-example-3:checked~.video-stage .video-slide-3,#video-example-4:checked~.video-stage .video-slide-4,#video-example-5:checked~.video-stage .video-slide-5{display:grid}.video-frame{aspect-ratio:9/16;background:#f7f6f3;border:1px solid #ededeb;border-radius:8px;justify-self:center;width:min(100%,320px);overflow:hidden}.video-frame video{object-fit:cover;width:100%;height:100%;display:block}.video-placeholder{text-align:center;align-content:center;place-items:center;gap:10px;height:100%;padding:24px;display:grid}.video-placeholder span{color:#242424;font-size:20px;font-weight:800}.video-placeholder p{color:#6f6f6a;max-width:220px;margin:0;font-size:14px;line-height:1.5}.video-arrow{color:#34342f;cursor:pointer;z-index:2;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #deded9;border-radius:50%;place-items:center;width:44px;height:44px;font-size:28px;line-height:1;display:grid;position:relative}.video-arrow:hover{background:#f7f6f3}.video-dots{grid-column:1/-1;justify-content:center;gap:8px;display:flex}.video-dot{cursor:pointer;background:#c9c9c4;border-radius:50%;width:8px;height:8px;padding:0}#video-example-1:checked~.video-dots .video-dot:first-child,#video-example-2:checked~.video-dots .video-dot:nth-child(2),#video-example-3:checked~.video-dots .video-dot:nth-child(3),#video-example-4:checked~.video-dots .video-dot:nth-child(4),#video-example-5:checked~.video-dots .video-dot:nth-child(5){background:var(--green-dark)}.brief-page{background:linear-gradient(#93c94b33,#0000 360px),#f8f8f4;min-height:100vh}.brief-hero{border-bottom:1px solid var(--line);padding:40px 24px 28px}.brief-hero-inner{grid-template-columns:96px 1fr;align-items:center;gap:24px;width:min(100%,980px);margin:0 auto;display:grid}.brief-mark{border-radius:50%;width:96px;height:96px;box-shadow:0 18px 50px #1f491a24}.brief-lead{color:#30452c;max-width:780px;margin:12px 0 0;font-size:18px;line-height:1.75}.app-link{background:var(--green-dark);color:#fff;border-radius:8px;align-items:center;min-height:44px;margin-top:20px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.app-link:hover{background:#173a13}.brief-content{gap:18px;width:min(100%,980px);margin:0 auto;padding:28px 24px 56px;display:grid}.brief-section,.brief-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:24px}.brief-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.brief-section h2,.brief-card h2{margin:0 0 14px;font-size:24px;line-height:1.25}.brief-card h3{margin:22px 0 8px;font-size:17px}.copy-stack{gap:12px;display:grid}.brief-section p,.brief-card p,.brief-card li,.brief-section li{color:#344830;font-size:16px;line-height:1.75}.brief-section p,.brief-card p{margin:0}.brief-card ul,.brief-section ol{margin:0;padding-left:22px}.brief-card li+li,.brief-section li+li{margin-top:8px}.accent-card{background:#fffaf0;border-color:#b5762347}.message-list{flex-wrap:wrap;gap:10px;display:flex}.message-list span{color:#263d21;background:#f4f9ec;border:1px solid #1f491a2e;border-radius:999px;align-items:center;min-height:36px;padding:6px 12px;font-size:15px;line-height:1.35;display:inline-flex}.membership-section{background:#fbfff5}.important-note{color:#563a10;background:#fff7e6;border-left:4px solid #b57623;margin:18px 0;padding:14px 16px;line-height:1.7}.payment-section{background:#f6fafc;border-color:#2e6f8b38}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:520px){.password-form{grid-template-columns:1fr}.password-form button{width:100%}.portal-shell{flex-direction:column;align-items:flex-start;padding:24px}.platform-actions{grid-template-columns:1fr}.platform-button{min-height:108px;padding:18px}.notion-shell{padding:28px 20px 52px}.notion-header{grid-template-columns:1fr;gap:16px}.notion-header h1{font-size:34px}.notion-lead,.notion-copy p,.notion-columns p,.notion-bullets li,.notion-checklist li,.notion-steps li{font-size:16px}.notion-columns{grid-template-columns:1fr;display:grid}.explainer-grid{grid-template-columns:1fr}.notion-index{gap:8px 14px}.video-carousel{gap:8px}.video-slide{grid-template-columns:38px minmax(0,1fr) 38px;gap:8px}.video-arrow{width:38px;height:38px;font-size:24px}.brief-hero{padding:28px 18px 22px}.brief-hero-inner{grid-template-columns:1fr;gap:16px}.brief-mark{width:76px;height:76px}.brief-lead{font-size:16px}.brief-content{padding:20px 18px 40px}.brief-grid{grid-template-columns:1fr}.brief-section,.brief-card{padding:20px}.message-list{display:grid}}