:root{--everest-blue:#04477e;--everest-green:#2f8216;--everest-blue-soft:rgba(4,71,126,.08);--everest-green-soft:rgba(47,130,22,.1);--bg:#f4f7fa;--surface:#fff;--surface-2:#f8fbfd;--text:#142636;--muted:#607587;--border:#dfe8ee;--danger:#b42318;--radius:18px;--shadow:0 8px 30px rgba(4,71,126,.08);font-family:Inter,Noto Sans Thai,system-ui,-apple-system,Segoe UI,sans-serif}*,:after,:before{box-sizing:border-box}body{background:radial-gradient(circle at 15% -10%,rgba(4,71,126,.12),transparent 35%),linear-gradient(180deg,#f4f7fa,#f2f6fb);color:var(--text);isolation:isolate;line-height:1.55;margin:0;min-height:100vh;position:relative;-webkit-font-smoothing:antialiased}body:after,body:before{border-radius:999px;content:"";filter:blur(60px);opacity:.3;pointer-events:none;position:fixed;will-change:transform;z-index:-1}body:before{animation:float-bg-1 18s ease-in-out infinite alternate;background:#04477e38;height:420px;left:-80px;top:-140px;width:420px}body:after{animation:float-bg-2 22s ease-in-out infinite alternate;background:#2f82162e;bottom:-120px;height:360px;right:-90px;width:360px}@keyframes float-bg-1{0%{transform:translateZ(0)}to{transform:translate3d(26px,18px,0)}}@keyframes float-bg-2{0%{transform:translateZ(0)}to{transform:translate3d(-24px,-16px,0)}}a{color:var(--everest-blue);text-decoration:none}a:hover{text-decoration:underline}.shell{margin:0 auto;padding:1.6rem clamp(.9rem,2vw,1.8rem) 3.2rem;width:min(100%,1540px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem}.section-title{color:var(--everest-blue);font-size:1.35rem;margin:0 0 1rem}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.45rem;justify-content:center;padding:.65rem 1.2rem;transition:opacity .15s ease,transform .1s ease}.btn:active{transform:scale(.99)}.btn-primary{background:linear-gradient(135deg,var(--everest-blue),#0a5a9d);color:#fff!important}.btn-primary:hover{opacity:.92}.btn-primary:disabled{cursor:not-allowed;opacity:.45}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{background:var(--surface-2)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{color:var(--muted);font-size:.88rem;font-weight:500}.field input,.field textarea{background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:inherit;font-size:1rem;padding:.68rem .85rem}.field input:focus,.field textarea:focus{border-color:var(--everest-blue);outline:2px solid rgba(4,71,126,.22)}.error-msg{color:var(--danger);font-size:.875rem;margin-top:.2rem}.muted{color:var(--muted);font-size:.92rem}.badge{border-radius:999px;display:inline-block;font-size:.74rem;font-weight:600;letter-spacing:.02em;padding:.18rem .55rem}.badge-blue{background:var(--everest-blue-soft);color:var(--everest-blue)}.badge-green{background:var(--everest-green-soft);color:var(--everest-green)}.home-hero{display:grid;gap:1.2rem;grid-template-columns:1.15fr .85fr;margin-bottom:1.3rem}.hero-copy{padding:1.8rem}.hero-title{color:var(--everest-blue);font-size:clamp(1.6rem,4vw,2.55rem);line-height:1.15;margin:.4rem 0 .55rem}.hero-actions{gap:.65rem;margin-top:1rem}.hero-actions,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{gap:1rem;margin-top:1.2rem}.hero-stat{min-width:100px}.hero-stat strong{color:var(--everest-green);display:block;font-size:1.15rem}.hero-visual{background:linear-gradient(160deg,#04477e1a,#2f82161f);overflow:hidden;padding:1.6rem;position:relative}.hero-circle{background:linear-gradient(150deg,#fff,#e7f1f8);border:1px solid #d2e4f1;border-radius:50%;display:grid;font-size:4rem;height:180px;margin:0 auto;place-items:center;width:180px}.float-card{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 24px #04477e1f;font-size:.8rem;padding:.5rem .65rem;position:absolute}.float-card.top{right:1rem;top:1.1rem}.float-card.bottom{bottom:1.1rem;left:1rem}.grid-courses{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.course-card{transition:transform .15s ease,box-shadow .15s ease}.course-card:hover{box-shadow:0 10px 24px #04477e17;transform:translateY(-2px)}.course-card h3{font-size:1.04rem;margin:0 0 .35rem}.course-card p{color:var(--muted);font-size:.9rem;margin:0}.auth-shell{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:920px}.auth-side{background:linear-gradient(140deg,#04477ef2,#2f8216e6);color:#eff8ff}.auth-side h2{font-size:1.5rem;margin:0 0 .5rem}.auth-side p{color:#ffffffd9;margin:0}.copy-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.copy-row code{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex:1;font-size:.84rem;min-width:200px;padding:.6rem .75rem;word-break:break-all}.tree{list-style:none;margin:0;padding-left:0}.tree-node{border-left:2px solid var(--border);margin-left:.25rem;margin-top:.65rem;padding-left:.85rem}.tree-head{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;display:flex;flex-wrap:wrap;gap:.45rem .65rem;padding:.45rem .65rem}.tree-head strong{font-size:.95rem;font-weight:600}@media(max-width:900px){.auth-shell,.home-hero{grid-template-columns:1fr}}@media(max-width:640px){body:before{height:300px;left:-120px;opacity:.22;top:-120px;width:300px}body:after{bottom:-130px;height:260px;opacity:.18;right:-120px;width:260px}.shell{padding:1rem .8rem 2rem}.card{border-radius:14px;padding:1rem}.btn{font-size:.9rem;padding:.6rem .95rem}}@media(prefers-reduced-motion:reduce){body:after,body:before{animation:none}}