:root{--navy:#003b6b;--navy2:#002f57;--blue:#0785ff;--text:#06355f;--muted:#6684a4;--line:#d8e8f7;--bg:#f7fbff;--gold:#ffbd15;--green:#00b765;--pink:#ff2e69}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fff 0,#f7fbff 58%,#f4faff 100%);color:var(--text);font-family:Sarabun,system-ui,sans-serif}.topbar{height:64px;background:linear-gradient(90deg,#003a69,#00375f);color:#fff}.topbar-inner{height:100%;max-width:1540px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:280px}.book-logo{font:700 35px/1 Prompt;color:#fff;text-shadow:0 2px 0 #ffcc2d;transform:rotate(180deg)}.brand-name{font:800 23px/1 Prompt}.brand-name b{color:#ffc31a}.brand-sub{font-size:11px;margin-top:5px;white-space:nowrap}.nav{display:flex;align-self:stretch;align-items:center;gap:25px;margin-left:auto}.nav a{color:#fff;text-decoration:none;font:600 13px Prompt;white-space:nowrap;height:100%;display:flex;align-items:center;position:relative}.nav a.active{color:#ffc31a}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:3px;border-radius:4px;background:#ffc31a}.socials{display:flex;align-items:center;gap:10px;margin-left:12px}.socials a,.foot-social>a:not(.contact){width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#1686ff;color:#fff;text-decoration:none;font:800 22px Arial}.socials a.yt,.foot-social a.yt{background:#ff184e;font-size:14px}.search{font-size:28px;margin-right:6px}.hero{background:linear-gradient(90deg,#f4fbff 0%,#ffffff 52%,#eaf7ff 100%);border-bottom:1px solid #dcecf7;position:relative;overflow:hidden}.crumb{max-width:1540px;margin:auto;padding:14px 28px 0;color:#5e8bb6;font-size:13px;display:flex;gap:10px}.crumb a{color:#5e8bb6;text-decoration:none}.hero-inner{max-width:1540px;height:245px;margin:auto;padding:18px 28px 0;display:grid;grid-template-columns:55% 45%;align-items:end}.hero-title-row{display:flex;align-items:flex-start;gap:22px}.hero-icon{width:104px;height:104px;border-radius:24px;background:linear-gradient(145deg,#15a7ff,#0069ec);padding:18px;box-shadow:0 13px 28px #0086ff35;position:relative;flex:none}.hero-icon:after{content:"PA";position:absolute;right:-13px;top:-14px;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#bd52ff,#7236e8);display:grid;place-items:center;color:#fff;font:700 17px Prompt}.hero-icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}h1{font:800 50px/1.05 Prompt;margin:3px 0 8px;letter-spacing:-2px}h1 span{color:#0785ff}.hero h2{font:600 21px/1.35 Prompt;margin:0 0 8px}.hero p{margin:0;color:#4e769d;font-size:16px}.benefits{display:flex;gap:56px;margin:27px 0 10px 16px}.benefits>div{display:grid;grid-template-columns:36px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center}.benefits i{grid-row:1/3;font-style:normal;font-size:30px}.benefits strong{font:700 14px Prompt}.benefits small{color:#5f809f;font-size:11px}.b-green{color:#00c75d}.b-blue{color:#198cff}.b-pink{color:#ff2c68}.hero-right{height:100%;position:relative;overflow:hidden}.hero-right img{position:absolute;right:20px;bottom:-120px;width:410px;height:auto;filter:saturate(.95)}.quote{position:absolute;right:150px;top:24px;font:600 25px/1.45 Prompt;text-align:center;color:#0b4170;transform:rotate(-2deg)}.quote span,.foot-quote span{display:block;width:130px;height:4px;background:#ffc000;border-radius:99px;margin:8px auto;transform:rotate(-8deg)}.page-wrap{max-width:1540px;margin:auto;padding:15px 28px 34px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.tab{height:52px;border:1px solid #cfe0f2;background:#fff;border-radius:10px;color:#42678c;font:700 17px Prompt;cursor:pointer}.tab.active{background:linear-gradient(100deg,#1595ff,#0076ef);color:#fff;border-color:#087fe8;box-shadow:0 7px 18px #0b84ed22}.tab-panel{display:none}.tab-panel.active{display:block}.main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(340px,1fr);gap:18px}.card{background:#fff;border:1px solid #d5e7f6;border-radius:14px;box-shadow:0 8px 26px #165a8f0b}.score-card,.result-card,.criteria,.instructions{padding:22px}.card-head{display:flex;justify-content:space-between;align-items:flex-start}.title-with-icon{display:flex;gap:12px;align-items:center}.title-with-icon h3{font:800 23px/1.2 Prompt;margin:0}.card-head p,.title-with-icon p{margin:4px 0 0;color:#6684a4}.round{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:21px}.round.blue{background:#078cff}.round.gold{background:#ffc11c}.round.blue2{background:#1785df}.reset{border:1px solid #c7dbed;background:#fff;color:#406f9b;border-radius:9px;padding:9px 16px;font:600 13px Prompt;cursor:pointer}.score-table{margin-top:18px}.score-header,.score-row{display:grid;grid-template-columns:minmax(230px,1.4fr) repeat(4,minmax(78px,.58fr));gap:14px;align-items:center}.score-header{padding:0 10px 8px;color:#204d77;font-size:12px;text-align:center}.score-header small{font-weight:400}.score-row{padding:12px 10px;border-top:1px solid #dce9f5}.row-label{display:flex;gap:14px;align-items:center}.row-label img{width:48px;height:48px}.row-label h4{font:800 15px Prompt;margin:0 0 2px}.row-label p{font-size:11px;margin:0;color:#527392;line-height:1.25}.row-label small{display:block;color:#0077ed;margin-top:4px;font-size:11px}.score-input,.avg{height:48px;border:1px solid #cddff0;border-radius:7px;background:#fff;color:#184b77;text-align:center;font:600 14px Prompt;width:100%}.score-input:focus{outline:2px solid #70b8ff55;border-color:#2b92f7}.avg{display:grid;place-items:center;background:#eff4f8;font:800 18px Prompt;color:#0d345a}.total-row{display:grid;grid-template-columns:minmax(230px,1.4fr) repeat(4,minmax(78px,.58fr));gap:14px;align-items:center;padding:12px 10px 0}.total-row>div{padding-left:62px}.total-row b{display:block;font:800 17px Prompt}.total-row small{color:#0079ed}.total-row output{height:46px;border-radius:7px;display:grid;place-items:center;font:800 18px Prompt}.red{background:#fff0f3;color:#ff3654}.cyan{background:#edf8ff;color:#0089ff}.yellow{background:#fff9e5;color:#f59b00}.bluebox{background:#e8f4ff;color:#087bff}.calculate{display:block;width:57%;height:52px;margin:18px auto 0;border:0;border-radius:10px;background:linear-gradient(100deg,#0e6fbd,#003d73);color:#fff;font:700 18px Prompt;cursor:pointer;box-shadow:0 8px 18px #064f8e2a}.result-card{display:flex;flex-direction:column}.gauge{--p:0;align-self:center;margin:18px 0 15px;width:176px;height:176px;border-radius:50%;background:conic-gradient(#0d88ff calc(var(--p)*1%),#edf2f7 0);display:grid;place-items:center;position:relative}.gauge:after{content:"";position:absolute;inset:17px;background:#fff;border-radius:50%}.gauge-inner{position:relative;z-index:2;text-align:center}.gauge-inner strong{display:block;font:800 36px Prompt;color:#063a6a}.gauge-inner span{font-size:13px}.status{border-radius:8px;min-height:56px;display:grid;place-items:center;font:800 18px Prompt;text-align:center}.status.neutral{background:#edf1f5;color:#547290}.status.excellent{background:#e7fff2;color:#009d58}.status.verygood{background:#fff8df;color:#d68a00}.status.good{background:#eaf5ff;color:#147fdf}.status.fair{background:#fff5e4;color:#ef9000}.status.improve{background:#fff0f2;color:#ef3153}.hint{text-align:center;color:#64809b;font-size:13px;line-height:1.6}.mini-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.mini-results>div{background:#f6fbff;border:1px solid #dceaf6;border-radius:10px;padding:12px 6px;text-align:center}.mini-results img{width:37px;height:37px}.mini-results small{display:block;font-size:10px;margin:5px 0}.mini-results b{font-size:12px}.actions{display:grid;grid-template-columns:1.25fr 1fr .9fr;gap:10px;margin-top:16px}.actions button{border-radius:8px;height:50px;font:700 13px Prompt;cursor:pointer}.pdf{background:#00b765;color:#fff;border:0}.print{background:#078cff;color:#fff;border:0}.share{background:#fff;color:#1f4d78;border:1px solid #bcd3e8}.lower-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin-top:18px}.criteria table{width:100%;border-collapse:separate;border-spacing:0;margin-top:14px;overflow:hidden;border:1px solid #d9e8f4;border-radius:10px;font-size:13px}.criteria th{background:#eaf5ff;padding:10px}.criteria td{padding:9px 12px;border-top:1px solid #dce9f4}.criteria td:first-child{text-align:center}.criteria .excellent{color:#0db36c;font-weight:700}.criteria .verygood{color:#f5a000;font-weight:700}.criteria .good{color:#2792f0;font-weight:700}.criteria .fair{color:#ee8c00;font-weight:700}.criteria .improve{color:#f23d5f;font-weight:700}.instructions ol{list-style:none;margin:16px 0 0;padding:0}.instructions li{display:flex;gap:14px;margin:15px 0}.instructions li>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#5aafff;color:#fff;font:700 18px Prompt;flex:none}.instructions li>span.pink{background:#ff36a0}.instructions li>span.green{background:#33c883}.instructions li>span.red{background:#ff5151}.instructions b{font:700 16px Prompt}.instructions p{margin:2px 0 0;color:#6682a0;font-size:13px}.bottom-strip{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin-top:20px;align-items:center}.privacy{background:linear-gradient(90deg,#e8fff1,#f7fffa);border:1px solid #c8efd6;border-radius:10px;padding:14px 18px;display:flex;gap:13px;align-items:center}.privacy>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0abb6a;color:#fff}.privacy b,.privacy small{display:block}.privacy small{color:#678090;margin-top:2px}.bottom-strip blockquote{margin:0;text-align:center;font:600 19px/1.5 Prompt;color:#0f538f}.bottom-strip blockquote b{display:block;font-size:14px}.info-tab{min-height:470px}.info-tab .card{padding:34px;font-size:17px;line-height:1.9}.info-tab h3{font:800 28px Prompt;margin:0 0 12px}.footer{background:linear-gradient(100deg,#003b6c,#00305a);color:#fff}.footer-main,.footer-bottom{max-width:1540px;margin:auto;padding-left:28px;padding-right:28px}.footer-main{height:110px;display:grid;grid-template-columns:1.25fr .9fr 1fr;align-items:center;border-bottom:1px solid #2b5c83}.foot-brand{display:flex;gap:12px;align-items:center}.foot-quote{text-align:center;font:600 17px/1.35 Prompt;border-left:1px solid #2c658e;border-right:1px solid #2c658e}.foot-social{display:flex;justify-content:flex-end;gap:12px;align-items:center}.contact{background:#ffc62b;color:#113852;border-radius:25px;padding:12px 32px;text-decoration:none;font:700 15px Prompt}.footer-bottom{height:64px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.footer-bottom a{color:#fff;text-decoration:none;margin-right:25px}.footer-bottom a:not(:last-child):after{content:"|";margin-left:25px;color:#7aa0be}@media(max-width:1100px){.nav{display:none}.brand{min-width:auto}.main-grid,.lower-grid,.bottom-strip{grid-template-columns:1fr}.hero-inner{grid-template-columns:1fr}.hero-right{display:none}.hero-inner{height:auto;padding-bottom:25px}.benefits{gap:20px}.score-header,.score-row,.total-row{grid-template-columns:minmax(190px,1.2fr) repeat(4,minmax(70px,.55fr))}.footer-main{grid-template-columns:1fr 1fr}.foot-quote{display:none}}@media(max-width:720px){.topbar-inner,.page-wrap,.crumb,.hero-inner,.footer-main,.footer-bottom{padding-left:14px;padding-right:14px}.brand-sub{display:none}h1{font-size:34px}.hero-icon{width:76px;height:76px}.benefits{flex-wrap:wrap;margin-left:0}.tabs{grid-template-columns:1fr}.score-table{overflow-x:auto}.score-header,.score-row,.total-row{min-width:760px}.actions{grid-template-columns:1fr}.footer-main{height:auto;padding-top:20px;padding-bottom:20px;display:block}.foot-social{justify-content:flex-start;margin-top:18px}.footer-bottom{height:auto;padding-top:18px;padding-bottom:18px;display:block}.footer-bottom span{display:block;margin-top:12px}.bottom-strip{display:block}.bottom-strip blockquote{margin-top:20px}}@media print{.no-print{display:none!important}body{background:#fff}.page-wrap{max-width:1100px;padding:0}.card{box-shadow:none}.main-grid,.lower-grid{display:block}.result-card,.criteria,.instructions{margin-top:14px}.footer{display:none}}