@font-face{font-family:Lato;src:url('/assets/Lato-Regular.ttf')}@font-face{font-family:Spartan;src:url('/assets/LeagueSpartan.ttf');font-weight:100 900}:root{--primary:#1b5299;--secondary:#4da8da;--bg:#f4f6f8;--text:#333f48;--accent:#ff7f50}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Lato,Arial,sans-serif}header,main,footer{max-width:1280px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2e7}header img{width:115px;display:block}.website,a{color:var(--primary);text-decoration:none}.eyebrow{font-size:12px;color:var(--primary);letter-spacing:.18em;margin-top:38px}h1{font:750 clamp(38px,6vw,64px)/1.1 Spartan,Arial;margin:20px 0 12px;overflow-wrap:anywhere}.intro{font-size:19px;line-height:1.6;color:#5c6872}nav{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-top:1px solid #dce2e7;padding-top:22px;margin-bottom:26px}.toolbar label{font-size:14px}input{font:inherit;border:1px solid #c8d3dd;border-radius:10px;padding:13px 16px;width:320px;max-width:100%;background:white}#count{margin-left:auto;font-size:14px;color:#66727c}.folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:36px}.folder{display:flex;align-items:center;gap:15px;padding:22px;border:1px solid #dce2e7;background:white;border-radius:14px;font-size:18px}.folder .icon{color:var(--accent);font-size:28px}.folder:hover{border-color:var(--secondary);box-shadow:0 6px 20px #1b52990a}.videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.video{background:white;border:1px solid #e0e6ec;border-radius:16px;overflow:hidden}.play{border:0;padding:0;display:block;width:100%;background:#152b43;aspect-ratio:16/9;position:relative;color:white;cursor:pointer}.play img{width:100%;height:100%;object-fit:cover;display:block}.play .triangle{position:absolute;left:calc(50% - 24px);top:calc(50% - 24px);height:48px;width:48px;background:#1b5299e6;border-radius:50%;display:grid;place-items:center;font-size:21px}.video h2{font:650 23px/1.2 Spartan,Arial;margin:20px 20px 12px}.video p{margin:0 20px 22px;font-size:14px;color:#64707a}.video a{display:inline-block;margin:0 20px 20px}.play:disabled{cursor:default}button{font:inherit;border:0;border-radius:8px;padding:12px 20px;background:var(--primary);color:white;cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}footer{margin-top:44px;font-size:13px;color:#68737c}dialog{width:min(1100px,94vw);border:0;border-radius:18px;padding:24px;background:#fff;color:var(--text)}dialog::backdrop{background:#08131de6}#close{float:right}dialog h2{font:650 26px Spartan;max-width:80%}#embed{aspect-ratio:16/9;background:#101820;clear:both}iframe{width:100%;height:100%;border:0}#status{color:#66727c}#status:empty{display:none}@media(max-width:600px){header,main,footer{padding:20px}.website{font-size:14px}.toolbar{display:block}.toolbar label{display:block;margin-bottom:10px}input{width:100%}#count{display:block;margin-top:14px}.folders{grid-template-columns:1fr}.videos{grid-template-columns:1fr}dialog{padding:16px}dialog h2{font-size:21px}}