@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&display=swap";:root{--primary:#0052cc;--primary-light:#4c9aff;--bg-color:#0d1117;--text-main:#fff;--text-muted:#8b949e;--glass-bg:#ffffff0d;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 15%,#0052cc26,#0000 25%),radial-gradient(circle at 85% 30%,#4c9aff1a,#0000 25%);flex-direction:column;min-height:100vh;font-family:Outfit,IBM Plex Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow-x:hidden}.app-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.header{justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.lang-switcher{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:.75rem;padding:.4rem .8rem;display:flex}.lang-switcher button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s}.lang-switcher button:hover{color:var(--text-main)}.lang-switcher button.active{color:var(--primary-light);font-weight:700}.lang-switcher .divider{color:var(--glass-border);font-size:.75rem}.logo{letter-spacing:-.5px;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.logo span{color:var(--primary-light)}.hero{justify-content:space-between;align-items:center;gap:4rem;min-height:80vh;display:flex}.hero-content{flex:1;max-width:600px}.badge{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--primary-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.875rem;font-weight:500;display:inline-block}.hero h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#8b949e);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:4rem;font-weight:700;line-height:1.1}.hero p.subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.25rem;line-height:1.6}.version-info{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;align-items:center;gap:.75rem;width:fit-content;margin-bottom:2.5rem;padding:.5rem 1rem;display:flex}.v-label{color:var(--text-muted);font-size:.875rem}.v-number{color:#fff;font-size:.875rem;font-weight:600}.download-buttons{flex-wrap:wrap;gap:1rem;display:flex}.btn{border:1px solid #0000;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.btn-ios{color:#000;background:#fff}.btn-ios:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}.btn-android{background:var(--glass-bg);color:var(--text-main);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-android:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn-icon{width:24px;height:24px}.hero-image{flex:1;justify-content:center;display:flex;position:relative}.hero-image:before{content:"";background:var(--primary);filter:blur(80px);opacity:.3;z-index:-1;border-radius:50%;width:300px;height:300px;position:absolute}.mockup{object-fit:contain;filter:drop-shadow(0 25px 50px #00000080);border-radius:44px;max-height:650px;animation:6s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.changelog{border-top:1px solid var(--glass-border);padding:6rem 0}.changelog h2{text-align:center;margin-bottom:3rem;font-size:2rem}.changelog-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.changelog-item{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;gap:1.25rem;padding:2rem;display:flex}.changelog-item .dot{background:var(--primary-light);width:8px;height:8px;box-shadow:0 0 10px var(--primary-light);border-radius:50%;flex-shrink:0;margin-top:.6rem}.changelog-item h3{margin-bottom:.5rem;font-size:1.25rem}.changelog-item p{color:var(--text-muted);line-height:1.5}.requirements{border-top:1px solid var(--glass-border);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;padding:6rem 0;display:grid}.req-card,.check-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3rem}.requirements h2{color:#fff;margin-bottom:2rem;font-size:1.75rem}.req-grid,.check-grid{flex-direction:column;gap:2rem;display:flex}.req-item,.check-item{flex-direction:column;gap:.5rem;display:flex}.platform,.check-item h3{color:var(--primary-light);text-transform:uppercase;letter-spacing:1px;font-size:1rem;font-weight:600}.req-item p,.check-item p{color:var(--text-muted);font-size:1.125rem}.brand-list{flex-direction:column;gap:1.25rem;margin-top:.5rem;display:flex}.brand-item{border-left:2px solid var(--glass-border);flex-direction:column;gap:.25rem;padding-left:1rem;display:flex}.brand-name{color:#fff;font-size:.9375rem;font-weight:600}.brand-step{color:var(--text-muted);font-size:.9375rem}.check-item.android{border-top:1px solid var(--glass-border);padding-top:1rem}@media (width<=968px){.hero{text-align:center;flex-direction:column;padding-top:4rem}.hero-content{flex-direction:column;align-items:center;display:flex}.hero h1{font-size:3rem}.download-buttons{justify-content:center}.version-info{margin:0 auto 2.5rem}.requirements{grid-template-columns:1fr;padding:4rem 0}}