@font-face{font-family:Kota;src:url('assets/kota-book.woff')}@font-face{font-family:Kota;src:url('assets/kota-demi.woff');font-weight:700}*{box-sizing:border-box}body{margin:0;background:linear-gradient(140deg,#e6f6f8,#f0f6de);color:#173f48;font-family:Kota,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:4px solid #f1a521;outline-offset:4px}.portal{max-width:1900px;min-height:100dvh;margin:auto;padding:24px 32px 14px;display:flex;flex-direction:column;gap:14px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.portal-brand{display:flex;gap:16px;align-items:center}.brand-mark{display:grid;place-items:center;width:66px;height:66px;background:#0c656b;border-radius:22px;color:#ffd75f;font-size:45px;box-shadow:0 5px 0 #c5e2dc}.kicker{font-size:13px;letter-spacing:.12em;font-weight:700;color:#557b7d}h1{font-size:clamp(28px,3vw,42px);margin:0;line-height:1.15}.tools{display:flex;gap:10px}.tools button,dialog button{min-height:48px;padding:12px 20px;background:#fffdf6;border:1px solid #c9ded7;border-radius:16px;color:#174b51;font-weight:700}#fullscreenButton{background:#0d646b;color:white;border-color:#0d646b}.intro{display:flex;justify-content:space-between;align-items:center;padding:0 2px}.intro p{font-size:20px;margin:0}.intro>span{background:#fff9e2;border:1px solid #e6dfb8;border-radius:40px;padding:8px 15px;font-size:14px;font-weight:700}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;flex:1}.app-card{position:relative;text-decoration:none;color:inherit;background:#fffff9;border:1px solid #d4e3db;border-radius:25px;display:flex;align-items:center;padding:24px 18px;gap:18px;box-shadow:0 5px 0 #c7dcd44f;transition:transform .16s,box-shadow .16s;min-width:0;overflow:hidden}.app-card:hover{transform:translateY(-3px);box-shadow:0 8px 0 #c7dcd44f;border-color:var(--accent)}.app-card:active{transform:translateY(0)}.card-icon{width:88px;height:100px;flex:0 0 88px;background:var(--tint);color:var(--accent);border-radius:22px;display:grid;place-items:center;font-size:55px}.card-content{min-width:0;padding-right:10px}.grade{font-size:14px;font-weight:700;color:var(--accent)}h2{font-size:clamp(19px,1.65vw,28px);line-height:1.16;margin:7px 0 8px;max-width:15em}.app-card p{font-size:16px;line-height:1.35;margin:0;color:#597279}.open{color:var(--accent);font-size:27px;position:absolute;right:14px;bottom:13px}footer{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#3b6668;padding:5px 2px 0}dialog{max-width:650px;width:calc(100% - 32px);border:0;border-radius:26px;padding:30px;color:#173f48;font:18px/1.5 Kota,Arial,sans-serif;max-height:90vh;overflow:auto}dialog h2{font-size:28px}dialog::backdrop{background:#153b4c88}dialog a{color:#12616b}dialog form{display:flex;justify-content:flex-end}.primary{background:#0d646b!important;color:white!important}@media(min-width:1000px) and (min-height:650px){.portal{height:100dvh;min-height:650px}.app-card{padding-block:12px}}@media(max-width:1100px){.portal{padding:16px;gap:12px}.app-grid{gap:12px}.app-card{gap:12px;padding:15px 12px}.card-icon{width:64px;height:84px;flex-basis:64px;font-size:43px}.app-card p{font-size:14px}}@media(max-width:800px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-brand{gap:10px}.tools button{padding:10px}.brand-mark{display:none}h1{font-size:27px}footer{flex-wrap:wrap}}@media(max-width:560px){.portal{padding:16px 12px}header{align-items:flex-start;flex-direction:column;gap:12px}.tools{width:100%}.tools button{flex:1}.intro p{font-size:16px}.intro>span{font-size:12px;padding:7px 10px}.app-grid{grid-template-columns:1fr}.app-card{min-height:130px;padding:17px}.card-icon{width:74px;flex-basis:74px;height:86px}.app-card p{font-size:16px}h2{font-size:24px}footer{justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}