/* Scoped to this page; no shared layout, homepage or classroom styles change. */
.uo-kahoot-page .uo-kahoot-main{max-width:1120px;margin:0 auto;padding:28px 8px 36px;font:16px/1.6 Arial,sans-serif;color:#191a17}
.uo-kahoot-page .uo-kahoot-main h1{max-width:850px;font-size:clamp(30px,3.4vw,44px);line-height:1.12;letter-spacing:-1.1px;margin:12px 0 20px}
.uo-kahoot-page .uo-kahoot-main h2{font-size:25px;line-height:1.2;margin:12px 0}
.uo-kahoot-page .uo-kahoot-main a{color:#2457e6}
.uo-kahoot-page .uo-kahoot-hero{position:relative;isolation:isolate;overflow:hidden;background:#46178f;border-radius:22px;padding:30px 36px 32px;color:white;border-bottom:6px solid #e85a9b}
.uo-kahoot-brands{display:flex;align-items:center;gap:18px;margin:0 0 20px}
.uo-kahoot-brands>span{font-size:13px;letter-spacing:1.1px;font-weight:800;white-space:nowrap}
.uo-kahoot-brands b{font-size:21px;margin-left:13px;font-weight:400;color:#c6a4fa}
.uo-kahoot-page .uo-kahoot-brands img{display:block;width:108px;height:auto;object-fit:contain}
.uo-kahoot-page .uo-kahoot-eyebrow{color:#e2efb7;font-size:11px;font-weight:800;letter-spacing:1.5px;margin:0}
.uo-kahoot-page .uo-kahoot-lead{font-size:18px;line-height:1.6;max-width:800px;margin:0;color:#f3eaff}
.uo-kahoot-shapes{position:absolute;z-index:-1;right:-26px;top:-34px;width:270px;height:220px;display:grid;grid-template-columns:1fr 1fr;gap:24px;transform:rotate(14deg);opacity:.13;pointer-events:none}
.uo-kahoot-shapes i{display:block;background:#a78bfa;border-radius:12px}.uo-kahoot-shapes i:nth-child(1){clip-path:polygon(50% 0,100% 100%,0 100%);background:#e21b3c}.uo-kahoot-shapes i:nth-child(2){transform:rotate(45deg);border-radius:0;background:#1368ce}.uo-kahoot-shapes i:nth-child(3){border-radius:50%;background:#f2c94c}.uo-kahoot-shapes i:nth-child(4){background:#26890c}
.uo-kahoot-page .uo-kahoot-main .uo-kahoot-selection-title{font-size:24px;margin:30px 0 18px}
.uo-kahoot-page .uo-kahoot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 26px}
.uo-kahoot-page .uo-kahoot-grid article{--card:#d71938;--shadow:#a7142c;min-width:0;display:flex;flex-direction:column;border:0;border-radius:16px;padding:24px;background:var(--card);box-shadow:0 4px 0 var(--shadow);color:white}
.uo-kahoot-page .uo-kahoot-grid article:nth-child(2){--card:#1368ce;--shadow:#0d4e9e}
.uo-kahoot-page .uo-kahoot-grid article:nth-child(3){--card:#f2c94c;--shadow:#c09c2e;color:#191a17}
.uo-kahoot-page .uo-kahoot-grid article:nth-child(4){--card:#237e0b;--shadow:#195c08}
.uo-kahoot-page .uo-kahoot-grid article>span{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:1.25px;line-height:1.5;color:inherit}
.uo-kahoot-grid article>span:before{content:"";display:block;width:20px;height:20px;background:currentColor;flex:0 0 20px;clip-path:polygon(50% 4%,100% 96%,0 96%)}
.uo-kahoot-grid article:nth-child(2)>span:before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.uo-kahoot-grid article:nth-child(3)>span:before{clip-path:none;border-radius:50%}
.uo-kahoot-grid article:nth-child(4)>span:before{clip-path:none;border-radius:2px}
.uo-kahoot-page .uo-kahoot-grid article h2{font-size:28px;letter-spacing:-.5px;margin:18px 0 8px;color:inherit}
.uo-kahoot-page .uo-kahoot-grid article p{flex:1;margin:0 0 24px;color:inherit;line-height:1.55}
.uo-kahoot-page .uo-kahoot-main .uo-kahoot-button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;min-height:50px;background:white;border:0;border-radius:9px;font-size:15px;font-weight:750;line-height:1.4;text-decoration:none;color:#32135f;box-shadow:0 3px 0 #0002}
.uo-kahoot-page .uo-kahoot-button:hover{background:#f0e8ff}
.uo-kahoot-page .uo-kahoot-main a:focus-visible{outline:3px solid #191a17;outline-offset:4px}
.uo-kahoot-page .uo-kahoot-guide{background:#f6f2fb;border:1px solid #e5d9f3;border-radius:18px;margin-top:28px;padding:24px 28px}
.uo-kahoot-page .uo-kahoot-guide h2{color:#46178f}
.uo-kahoot-page .uo-kahoot-guide ol{padding-left:24px;margin-bottom:28px}
.uo-kahoot-page .uo-kahoot-guide li{padding:6px 0 6px 4px}
.uo-kahoot-page .uo-kahoot-guide li::marker{color:#46178f;font-weight:800}
.uo-kahoot-page .uo-kahoot-note{border-top:1px solid #dfd1ed;padding-top:18px;margin-top:22px;color:#5c5268;font-size:14px}
@media(max-width:760px){
 .uo-kahoot-page .uo-kahoot-main{padding:20px 16px 32px}
 .uo-kahoot-page .uo-kahoot-hero{padding:24px 22px 26px;border-radius:17px}
 .uo-kahoot-page .uo-kahoot-main h1{font-size:31px;letter-spacing:-.8px}
 .uo-kahoot-page .uo-kahoot-lead{font-size:16px}
 .uo-kahoot-brands{gap:12px}.uo-kahoot-brands>span{font-size:11px}.uo-kahoot-brands b{margin-left:8px}
 .uo-kahoot-page .uo-kahoot-brands img{width:96px}
 .uo-kahoot-page .uo-kahoot-grid{grid-template-columns:1fr;gap:18px}
 .uo-kahoot-page .uo-kahoot-grid article{padding:22px}
 .uo-kahoot-page .uo-kahoot-grid article h2{font-size:26px}
 .uo-kahoot-page .uo-kahoot-main .uo-kahoot-button{font-size:14px}
 .uo-kahoot-page .uo-kahoot-guide{padding:20px}
}