:root{--primary:#1557d6;--secondary:#1e88e5;--accent:#23c6d8;--dark:#0f172a;--muted:#64748b;--bg:#f5f7fb;--card:#fff;--radius:24px;--shadow:0 18px 50px rgba(15,23,42,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Kanit',sans-serif;background:var(--bg);color:var(--dark);overflow-x:hidden}.page-bg:before,.page-bg:after{content:"";position:fixed;border-radius:999px;filter:blur(35px);opacity:.28;z-index:-1}.page-bg:before{width:360px;height:360px;background:#56ccf2;top:7%;left:-120px}.page-bg:after{width:420px;height:420px;background:#8e7cff;right:-160px;bottom:5%}.aft-navbar{padding:14px 0;transition:.25s;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.45)}.aft-navbar.scrolled{box-shadow:0 10px 30px rgba(15,23,42,.08)}.brand-mark{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--accent));display:grid;place-items:center;color:#fff;box-shadow:0 10px 24px rgba(21,87,214,.32)}.navbar-brand span:last-child{display:flex;flex-direction:column;line-height:1.1}.navbar-brand small{font-size:12px;color:var(--muted);font-weight:400}.nav-link{font-weight:500;color:#334155!important;margin:0 4px}.nav-link:hover{color:var(--primary)!important}.btn-login,.btn-primary{border:0;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff!important;border-radius:999px;padding:11px 22px;box-shadow:0 12px 28px rgba(21,87,214,.24)}.hero{position:relative;background:linear-gradient(135deg,#083a8c 0%,#1557d6 45%,#23c6d8 100%);color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.25),transparent 28%),radial-gradient(circle at 15% 70%,rgba(255,255,255,.16),transparent 30%)}.hero h1{font-size:clamp(2.4rem,5vw,5rem);font-weight:700;line-height:1.08;margin:22px 0}.hero h1 span{color:#dffaff}.hero-lead{font-size:1.25rem;line-height:1.8;max-width:720px;opacity:.94}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(12px);font-weight:500}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn-glass{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.13);border-radius:999px}.btn-glass:hover{background:#fff;color:var(--primary)}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px}.hero-trust span{opacity:.92}.hero-trust i{color:#a7f3d0}.hero-card{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);border-radius:32px;padding:22px;backdrop-filter:blur(18px);box-shadow:0 25px 70px rgba(2,6,23,.25);transform:rotate(1deg)}.screen-top{display:flex;gap:8px;margin-bottom:18px}.screen-top span{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.7)}.system-card{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.9);color:#0f172a;border-radius:20px;padding:16px;margin-bottom:14px;box-shadow:0 10px 25px rgba(15,23,42,.12)}.system-card i{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#e0f2fe;color:var(--primary);font-size:24px}.system-card div{flex:1}.system-card small{display:block;color:var(--muted)}.system-card em{font-style:normal;font-size:12px;background:#dcfce7;color:#166534;padding:5px 10px;border-radius:999px}.mini-chart{height:110px;background:rgba(255,255,255,.9);border-radius:22px;padding:18px;display:flex;align-items:end;gap:12px}.mini-chart span{flex:1;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--primary))}.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;height:100px;fill:var(--bg)}.section{padding:88px 0}.section-title{text-align:center;margin-bottom:42px}.section-title span{color:var(--primary);font-weight:600;letter-spacing:.5px}.section-title h2{font-size:clamp(2rem,4vw,3.25rem);font-weight:700;margin:8px 0 12px}.section-title p{color:var(--muted);font-size:1.1rem;max-width:760px;margin:auto}.role-card,.stat-card,.news-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(226,232,240,.9);height:100%;transition:.25s}.role-card{display:block;text-decoration:none;color:var(--dark);padding:30px}.role-card:hover,.news-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(15,23,42,.15)}.role-card>i{width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,#eff6ff,#ecfeff);display:grid;place-items:center;color:var(--primary);font-size:32px;margin-bottom:22px}.role-card h3{font-size:1.35rem;font-weight:700}.role-card p{color:var(--muted);line-height:1.7}.role-card span{font-weight:600;color:var(--primary)}.dashboard-section{background:linear-gradient(180deg,#fff,rgba(255,255,255,0))}.stat-card{padding:26px}.stat-card i{font-size:34px;color:var(--secondary)}.stat-card strong{display:block;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-top:12px}.stat-card span{color:var(--muted)}.news-card{overflow:hidden}.news-card h3{font-size:1.25rem;font-weight:700;line-height:1.45}.news-card p{color:var(--muted)}.news-card a{text-decoration:none;font-weight:600;color:var(--primary)}.news-card small{color:var(--primary);font-weight:600}.news-img{height:190px;background:linear-gradient(135deg,#dbeafe,#cffafe);display:grid;place-items:center}.news-img i{font-size:64px;color:var(--primary)}.news-img.alt{background:linear-gradient(135deg,#fef3c7,#dbeafe)}.news-img.third{background:linear-gradient(135deg,#dcfce7,#cffafe)}.download-box{background:linear-gradient(135deg,#1557d6,#23c6d8);border-radius:32px;padding:42px;color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:0 22px 55px rgba(21,87,214,.28)}.download-box h2{font-weight:700;margin:18px 0 8px}.download-box p{opacity:.9;margin:0}.footer{padding:38px 0;background:#0f172a;color:#cbd5e1}.footer h4{color:#fff;font-weight:700}.footer p{margin:0}.footer a{color:#cbd5e1;text-decoration:none;margin-left:18px}.footer a:hover{color:#fff}.to-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:16px;border:0;background:var(--primary);color:#fff;box-shadow:0 14px 30px rgba(21,87,214,.3);display:none}.to-top.show{display:block}[data-animate]{opacity:0;transform:translateY(24px);transition:.65s ease}[data-animate].show{opacity:1;transform:translateY(0)}@media(max-width:991px){.hero .min-vh-100{min-height:auto!important;padding:130px 0 80px}.download-box{display:block}.download-box .btn{margin-top:24px}.footer a{display:inline-block;margin:10px 12px 0 0}}@media(max-width:575px){.section{padding:64px 0}.hero-actions .btn{width:100%}.hero-card{transform:none}.stat-card{padding:20px}.stat-card strong{font-size:2rem}}