@font-face{font-family:LINESeedSansTH;src:url(https://cdn.jsdelivr.net/gh/ok1developer/NO1Money/LINESeedSansTH_W_Rg.woff)format("woff");font-weight:400}@font-face{font-family:LINESeedSansTH;src:url(https://cdn.jsdelivr.net/gh/ok1developer/NO1Money/LINESeedSansTH_W_Bd.woff)format("woff");font-weight:700}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:LINESeedSansTH,sans-serif}body{color:#333;background-color:#121212;justify-content:center;min-height:100vh;display:flex}.app-container{background-color:#f8f9fa;width:100%;max-width:480px;min-height:100vh;padding-bottom:90px;position:relative;overflow-x:hidden;box-shadow:0 0 40px #00000080}.hero-section{text-align:center;color:#fff;background:linear-gradient(#1a1a24 0%,#121212 100%);border-bottom-right-radius:30px;border-bottom-left-radius:30px;padding:40px 20px 60px;position:relative}.hero-title{margin-bottom:5px;font-size:24px;font-weight:700}.hero-subtitle{color:#a0a0a0;margin-bottom:25px;font-size:13px}.phone-mockup{background-color:#fff;background-image:url(https://images.unsplash.com/photo-1605236453806-6ff36851218e?q=80&w=1000&auto=format&fit=crop);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:20px;width:220px;height:220px;margin:0 auto;transition:background-image .5s ease-in-out;position:relative;box-shadow:0 15px 35px #0006,0 0 0 1px #ffffff1a}.specs-grid-container{background-color:#0000;grid-template-columns:repeat(3,1fr);margin-top:30px;animation:.5s fadeIn;display:grid}.spec-card{text-align:center;border-bottom:1px solid #00e676;border-right:1px solid #00e676;flex-direction:column;align-items:center;padding:15px 5px;display:flex}.spec-card:nth-child(3n){border-right:none}.spec-card:nth-child(n+4){border-bottom:none}.spec-card svg{color:#00e676;width:28px;height:28px;margin-bottom:8px}.spec-card-main{color:#fff;margin-bottom:4px;font-size:13px;font-weight:700;line-height:1.3}.spec-card-sub{color:#aaa;font-size:11px;line-height:1.3}.form-section{z-index:10;background-color:#fff;border-radius:30px 30px 0 0;margin-top:-30px;padding:30px 20px 20px;position:relative}.pdpa-group{cursor:pointer;align-items:flex-start;gap:10px;margin-top:5px;margin-bottom:20px;display:flex}.pdpa-group input[type=checkbox]{accent-color:#121212;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:4px}.pdpa-group span{color:#555;font-size:13px;line-height:1.5}.line-btn{color:#fff;cursor:pointer;background-color:#00c300;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:0;padding:16px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .2s;display:flex;box-shadow:0 8px 20px #00c3004d}.line-btn:disabled{opacity:.7;cursor:not-allowed}.line-btn:active{transform:scale(.97)}.section-title{align-items:center;margin-bottom:15px;font-size:16px;font-weight:700;display:flex}.section-title:before{content:"";background-color:#121212;border-radius:4px;width:4px;height:16px;margin-right:8px}.form-group{margin-bottom:18px;position:relative}.form-group label{color:#555;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.form-control{color:#333;appearance:none;background-color:#f0f2f5;border:1px solid #0000;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:16px;transition:all .3s}.form-control:focus{background-color:#fff;border-color:#000;box-shadow:0 0 0 4px #0000000d}.autocomplete-items{z-index:99;background-color:#fff;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 14px 14px;max-height:200px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.autocomplete-items div{cursor:pointer;border-bottom:1px solid #f9f9f9;align-items:center;padding:12px 16px;font-size:15px;display:flex}.autocomplete-items div:last-child{border-bottom:none}.autocomplete-items div:hover,.autocomplete-items div:active{background-color:#f0f2f5}.search-icon-input{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:18px;padding-right:40px}.clear-btn{color:#555;cursor:pointer;z-index:20;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;display:none;position:absolute;bottom:8px;right:8px}.clear-btn:hover{background:#0000001a}.row{gap:12px;display:flex}.col{flex:1}select.form-control{cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.sticky-footer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;background:#ffffffe6;border-top:1px solid #0000000d;width:100%;max-width:480px;margin:0 auto;padding:15px 20px 25px;position:fixed;bottom:0;left:0;right:0}.submit-btn{color:#fff;cursor:pointer;background-color:#121212;border:none;border-radius:16px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:transform .2s;box-shadow:0 8px 20px #0003}.submit-btn:active{transform:scale(.97)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.modal.active{display:flex}.modal-content{background-color:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:400px;max-height:80vh;animation:.3s slideDown;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000004d}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-title{color:#333;font-size:16px;font-weight:700}.close-modal{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:24px;font-weight:700}.close-modal:hover{color:#333}.modal-body{color:#555;padding:20px;font-size:14px;line-height:1.6;overflow-y:auto}.modal-body h4{color:#333;margin-top:15px;margin-bottom:5px;font-size:14px;font-weight:700}.modal-body p{margin-bottom:10px}.modal-footer{text-align:right;border-top:1px solid #eee;padding:15px 20px}.modal-btn{color:#fff;cursor:pointer;background-color:#121212;border:none;border-radius:10px;padding:10px 20px;font-weight:700}.modal-btn:active{transform:scale(.97)}.loading-spinner-overlay{border-radius:inherit;background:#ffffffe6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.spinner{border:4px solid #00e67633;border-top-color:#00e676;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:#2a2a36 linear-gradient(90deg,#2a2a36 0,#3a3a4a 40px,#2a2a36 80px) 0 0/200% 100%;border-radius:8px;animation:1.5s linear infinite shimmer}.skeleton-title{border-radius:14px;width:60%;height:28px;margin:0 auto 5px}.skeleton-subtitle{border-radius:8px;width:40%;height:16px;margin:0 auto 25px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}