:root{--font-kanit:"Kanit", sans-serif;--navy:#0d0d2d;--blue:#2780d4;--cyan:#00c4ff;--green:#46ba34;--lime:#3f0;--red:#ea4b21;--white:#fff;--off-white:#f0f4fa;--muted:#89b;--card-dark:#13163a;--line-dark:#ffffff1a;--line-light:#0d0d2d1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-kanit);background:var(--navy);color:var(--white);-webkit-font-smoothing:antialiased;letter-spacing:0;max-width:100%;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{background:var(--blue);color:var(--white);letter-spacing:.04em;z-index:1000;padding:12px 18px;font-size:14px;font-weight:700;transition:transform .2s;position:absolute;top:0;left:0;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.sc-hidden{opacity:0!important}.sc-up{transform:translateY(52px)!important}.sc-left{transform:translate(-64px)!important}.sc-right{transform:translate(64px)!important}.sc-transition{transition:opacity .75s ease-out,transform .75s ease-out!important}@keyframes pulse{50%{box-shadow:0 0 0 7px #3f00}}main{padding-top:96px}section,header{scroll-margin-top:96px}.btn{letter-spacing:.04em;cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font-kanit);border:2px solid #0000;align-items:center;gap:10px;padding:15px 24px;transition:opacity .2s,transform .15s,background .2s,color .2s,border-color .2s;display:inline-flex}.btn:hover{opacity:.85;transform:translateY(-2px)}.btn svg{transition:transform .25s}.btn:hover svg{transform:translate(4px)}.btn.primary{background:var(--blue);color:var(--white);border-color:var(--blue)}.btn.primary:hover{background:var(--cyan);border-color:var(--cyan);color:var(--navy)}.btn.outline{color:var(--white);background:0 0;border-color:#ffffff59}.btn.outline:hover{border-color:var(--white)}section{padding:90px 0;position:relative}@media (max-width:768px){section{padding:60px 0}main{padding-top:108px}section,header{scroll-margin-top:108px}}