@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap");:root{color-scheme:dark;--ink:#f4f2f2;--muted:#a09a9d;--paper:#09090b;--surface:#131316;--line:#292529;--brand:#ff303b;--brand-dark:#d71927;--mint:#2a1116;--orange:#ff6570;--danger:#ff747c;--shadow:0 18px 48px rgba(0,0,0,.48),0 0 24px rgba(255,35,49,.08)}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(ellipse at 50% -20%,rgba(116,15,25,.19),transparent 52%),linear-gradient(hsla(0,0%,100%,.018) 1px,transparent 1px),linear-gradient(90deg,hsla(0,0%,100%,.018) 1px,transparent 1px),var(--paper);background-size:auto,44px 44px,44px 44px,auto}body{min-height:100vh;margin:0;color:var(--ink);font-family:DM Sans,Noto Sans Thai,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.app-header{position:-webkit-sticky;position:sticky;z-index:10;top:0;display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,48,59,.18);background:rgba(10,10,12,.88);padding:0 max(32px,calc((100vw - 1160px) / 2));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-size:18px;font-weight:700;letter-spacing:-.5px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,103,112,.45);border-radius:11px;background:linear-gradient(145deg,#ff3b46,#a80919);color:#fff;font-size:15px;font-weight:700;box-shadow:0 0 20px rgba(255,48,59,.22)}.main-nav{display:flex;align-items:center;gap:5px}.nav-link{border-radius:10px;color:#a49da0;font-size:13px;font-weight:600;padding:10px 13px;transition:color .16s ease,background .16s ease}.nav-link.active,.nav-link:hover{background:rgba(255,48,59,.1);color:#ff626c;box-shadow:inset 0 -1px #ff303b}.header-account{color:var(--muted);font-size:13px;white-space:nowrap}.page-container{width:min(100% - 48px,1080px);margin:0 auto;padding:58px 0 88px}.page-container.narrow{width:min(100% - 48px,760px)}.eyebrow{margin:0 0 11px;color:var(--brand);font-size:11px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}.page-title{margin:0;font-size:clamp(30px,4vw,43px);font-weight:700;letter-spacing:-1.8px;line-height:1.18}.page-description{max-width:620px;margin:13px 0 0;color:var(--muted);font-size:15px;line-height:1.8}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:44px 0 18px}.section-heading h2{margin:0;font-size:18px;letter-spacing:-.4px}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:13px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.feature-card,.panel,.stat-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 8px 28px rgba(0,0,0,.2)}.feature-card{display:flex;min-height:218px;flex-direction:column;align-items:flex-start;padding:23px;transition:transform .18s ease,box-shadow .18s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(255,48,59,.56)}.feature-icon{display:grid;width:43px;height:43px;place-items:center;border:1px solid rgba(255,48,59,.25);border-radius:12px;background:var(--mint);color:var(--brand);font-size:13px;font-weight:700}.feature-card h3{margin:22px 0 7px;font-size:16px}.feature-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.feature-arrow{margin-top:auto;padding-top:17px;color:var(--brand);font-size:13px;font-weight:700}.hero-panel{position:relative;overflow:hidden;border:1px solid rgba(255,48,59,.38);border-radius:20px;background:radial-gradient(ellipse at 85% 15%,rgba(255,48,59,.2),transparent 38%),linear-gradient(120deg,#101013 15%,#1a1013 65%,#260c11);color:#fff;padding:clamp(28px,5vw,54px);box-shadow:0 20px 60px rgba(0,0,0,.35),inset 0 1px hsla(0,0%,100%,.04)}.hero-panel:after{position:absolute;top:-100px;right:-60px;width:330px;height:330px;border:1px solid rgba(255,70,80,.2);border-radius:50%;box-shadow:0 0 0 38px rgba(255,55,67,.045),0 0 0 78px rgba(255,55,67,.025);content:"";pointer-events:none}.hero-panel .eyebrow{color:#ff737c}.hero-panel h1{position:relative;z-index:1;max-width:610px;margin:0;font-size:clamp(32px,5vw,54px);letter-spacing:-2px;line-height:1.2}.hero-panel p:not(.eyebrow){position:relative;z-index:1;max-width:540px;margin:16px 0 25px;color:#c8bec1;font-size:15px;line-height:1.8}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,105,114,.38);border-radius:10px;background:linear-gradient(135deg,#f52c38,#c20c1c);color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:0 19px;box-shadow:0 5px 18px rgba(255,35,49,.18);transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.button:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#ff4651,#e01223);box-shadow:0 7px 22px rgba(255,35,49,.3)}.button:disabled{cursor:not-allowed;opacity:.58}.button-light{border-color:hsla(0,0%,100%,.16);background:#f5eeee;color:#161214;box-shadow:none}.button-light:hover:not(:disabled){background:#fff}.button-secondary{border:1px solid var(--line);background:#1b1a1d;color:var(--ink)}.button-secondary:hover:not(:disabled){background:#242125}.panel{margin-top:30px;padding:clamp(22px,4vw,34px)}.form-stack{display:grid;grid-gap:17px;gap:17px}.field-label{display:grid;grid-gap:8px;gap:8px;color:#d0c9cc;font-size:13px;font-weight:600}.select-input,.text-area,.text-input{width:100%;min-height:47px;border:1px solid #393338;border-radius:10px;outline:0;background:#0d0c0f;color:var(--ink);padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease}.select-input:focus,.text-area:focus,.text-input:focus{border-color:#ff414c;box-shadow:0 0 0 3px rgba(255,48,59,.14),0 0 18px rgba(255,48,59,.08)}.text-area{min-height:110px;resize:vertical}.form-help,.muted-text{color:var(--muted);font-size:13px;line-height:1.7}.form-help a{color:var(--brand);font-weight:700}.notice{margin-top:18px;border-radius:11px;border:1px solid rgba(255,48,59,.24);background:#211216;color:#ff9aa0;font-size:13px;line-height:1.7;padding:13px 15px}.notice.error{border-color:rgba(255,75,84,.42);background:#2b1013;color:#ff8d94}.answer-box{margin-top:24px;border:1px solid var(--line);border-radius:14px;background:#0e0d10;padding:20px}.answer-box h2,.answer-box h3{margin:0 0 10px;font-size:15px}.answer-text{margin:0;color:#d0c9cc;font-size:14px;line-height:1.85;white-space:pre-wrap}.citation-list{display:grid;grid-gap:9px;gap:9px;margin:0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.7}.data-list{display:grid;grid-gap:10px;gap:10px;margin:20px 0 0;padding:0;list-style:none}.data-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;border-bottom:1px solid var(--line);padding:13px 0}.data-row:last-child{border-bottom:0}.data-row strong{font-size:14px}.data-row span{color:var(--muted);font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:13px;gap:13px;margin-top:24px}.stat-card{padding:20px}.stat-card span{color:var(--muted);font-size:12px}.stat-card strong{display:block;margin-top:8px;font-size:28px}.file-drop{display:grid;min-height:180px;place-items:center;border:1px dashed rgba(255,72,82,.55);border-radius:14px;background:linear-gradient(145deg,#151114,#0d0c0f);text-align:center;padding:22px}.file-drop input{max-width:100%;margin-top:14px;color:var(--muted);font-size:13px}.auth-card{width:min(100%,460px);margin:26px auto 0}.auth-intro{margin-bottom:24px;text-align:center}.auth-intro .brand-mark{margin:0 auto 20px}.auth-intro .page-title{font-size:32px}.auth-intro .page-description{margin-right:auto;margin-left:auto}.footer-note{margin-top:52px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.8;padding-top:18px}@media (max-width:760px){.app-header{min-height:68px;flex-wrap:wrap;gap:5px 12px;padding:12px 20px}.main-nav{order:3;width:100%;overflow-x:auto;padding-bottom:2px}.nav-link{flex:0 0 auto;padding:9px 11px}.header-account{max-width:44vw;overflow:hidden;text-overflow:ellipsis}.page-container,.page-container.narrow{width:min(100% - 36px,560px);padding-top:38px}.card-grid,.stat-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.feature-card h3{margin-top:17px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}.quiz-score{margin:22px 0 0;color:var(--muted);font-size:13px;font-weight:600}.quiz-list{display:grid;grid-gap:16px;gap:16px;margin:16px 0 0;padding:0;list-style:none}.quiz-item{border:1px solid var(--line);border-radius:14px;background:#17171a;padding:18px}.quiz-question{margin:0 0 12px;font-size:14px;line-height:1.8}.quiz-choices{display:grid;grid-gap:8px;gap:8px;margin-bottom:12px}.quiz-choice{border:1px solid var(--line);border-radius:10px;background:#1e1d21;color:var(--ink);cursor:pointer;font-size:13px;line-height:1.7;padding:10px 13px;text-align:left;transition:border-color .16s ease,background .16s ease}.quiz-choice:hover{border-color:rgba(255,48,59,.5)}.quiz-choice.picked{border-color:var(--brand);background:rgba(255,48,59,.12)}.quiz-choice.correct{border-color:#3ddc84;background:rgba(61,220,132,.12)}.quiz-choice.wrong{border-color:var(--danger);background:rgba(255,116,124,.1)}.button-small{min-height:38px;font-size:13px;padding:0 14px}.quiz-answer{margin-top:12px;border-top:1px dashed var(--line);padding-top:12px;font-size:13px;line-height:1.8}.quiz-answer p{margin:6px 0}