@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#244239;background:#f5f8f5;margin:0;font:14px Noto Sans Thai,sans-serif}button,input{font:inherit}a{color:#16866d}button{cursor:pointer;color:#fff;background:#16866d;border:0;border-radius:8px;padding:13px 20px}button:disabled{opacity:.55;cursor:wait}input{color:#244239;background:#fff;border:1px solid #dce5df;border-radius:7px;width:100%;margin:7px 0 17px;padding:12px}input:focus{outline:2px solid #97c8b4}label{font-size:12px;font-weight:500;display:block}p{color:#7a8d82;font-size:12px;line-height:1.9}small{color:#84968a;font-size:11px;line-height:1.8;display:block}.landing{max-width:1400px;margin:auto}.landing-head{border-bottom:1px solid #e1e9e2;justify-content:space-between;align-items:center;padding:27px 7%;display:flex}.logo{letter-spacing:-1px;font-size:29px;font-weight:700;text-decoration:none}.landing-head span{color:#8b9a90;font-size:11px}.welcome{grid-template-columns:1fr 450px;gap:80px;padding:65px 7%;display:grid}.intro{padding-top:45px}.kicker{color:#16866d;letter-spacing:1.7px;font-size:10px;font-weight:600}h1{letter-spacing:-1.3px;margin:21px 0;font-size:43px;font-weight:600;line-height:1.5}.intro>p{font-size:14px;line-height:2.1}.benefits{flex-direction:column;gap:25px;margin-top:48px;display:flex}.benefits>div{color:#82a28e;font-size:11px}.benefits b{color:#365b48;margin-left:18px;font-size:14px;font-weight:500}.benefits small{margin-top:3px;margin-left:34px}.login-card{background:#fff;border:1px solid #e2eae3;border-radius:15px;padding:30px;box-shadow:0 15px 50px #24423908}.login-card h2{margin:10px 0;font-size:24px}.login-card form{margin-top:24px}.login-card button,form>button{width:100%}.login-card>small{text-align:center;margin-top:18px;font-size:10px}.owner-card{background:#edf4ed;border:1px solid #dfe9e1;border-radius:13px;margin-top:22px;padding:24px 28px}.owner-card h3{margin:0;font-size:15px}.owner-link{margin-top:15px;font-size:12px;font-weight:600;display:block}.owner-card form{margin-top:20px}.owner-card form small{margin:-7px 0 14px}.owner-card summary{cursor:pointer;color:#16866d;margin-top:20px;font-size:12px}.owned{border-top:1px solid #dce7de;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;display:flex}.owned button{padding:8px 12px;font-size:11px}.owned b{font-size:13px}.signout{color:#8c9d91;margin-top:20px;font-size:10px;display:block}.error,.success{color:#b96544;background:#fff0e9;border-radius:8px;margin-top:16px;padding:14px;font-size:12px}.success{color:#32764c;background:#e0f2e6}footer{color:#91a096;border-top:1px solid #e1e9e2;padding:24px 7%;font-size:10px}@media (max-width:900px){.welcome{grid-template-columns:1fr 390px;gap:30px;padding:35px 5%}h1{font-size:32px}}@media (max-width:700px){.welcome{flex-direction:column;padding:25px 20px;display:flex}.intro{padding:0}.intro h1{margin:12px 0;font-size:29px}.intro p,.benefits,.landing-head span{display:none}.landing-head{padding:18px 22px}.entry{width:100%}.login-card{padding:24px}.owner-card{padding:22px}}