/* A centered glass entrance with the BrightSite homepage visible behind it. */
#division-dialog.curtain-entry{width:min(740px,calc(100% - 28px));height:auto;max-height:calc(100dvh - 28px);margin:auto;padding:32px;border:1px solid #ffffff40;border-radius:28px;background:#081b43ad;backdrop-filter:blur(10px);box-shadow:0 24px 90px #0005;color:#fff;overflow:auto}
#division-dialog::backdrop{background:#07163030;backdrop-filter:none}
#division-dialog .curtain-heading{position:static;width:auto;text-align:center;margin:0 0 25px;pointer-events:none}
#division-dialog .curtain-heading>p:first-child{font-size:9px;letter-spacing:2px;color:#d6ee38;font-weight:700}
#division-dialog .curtain-heading h2{font-family:'DM Sans',sans-serif;font-size:30px;font-weight:600;line-height:1.15;letter-spacing:-1px;margin:12px 0;color:white}
#division-dialog .curtain-heading h2 em{font-style:normal;color:white}
#division-dialog #division-description{font-size:12px;color:#d7e0f2}
#division-dialog .curtain-panels{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}
#division-dialog .division-option{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:25px 16px;border:1px solid #ffffff40;border-radius:20px;text-align:center;color:#fff;transition:transform .3s,background .3s,opacity .3s;overflow:hidden}
#division-dialog .girls-option{background:#ff36b114;--curtain-accent:#ff85cf;--curtain-button:#ff80cd;--curtain-ink:#141831}
#division-dialog .boys-option{background:#20dcf214;--curtain-accent:#64e7f5;--curtain-button:#d6ee38;--curtain-ink:#071630}
#division-dialog .division-option:hover{background:#ffffff20;transform:translateY(-3px)}
#division-dialog .division-option:before,#division-dialog .division-option:after{display:none}
#division-dialog .division-option:focus-visible{outline:3px solid var(--curtain-accent);outline-offset:3px}
#division-dialog .curtain-symbol{position:relative;display:grid;place-items:center;width:50px;height:50px;border:1px solid currentColor;border-radius:50%;color:var(--curtain-accent);font-size:30px;margin-bottom:20px}
#division-dialog .curtain-symbol i{position:absolute;right:-5px;bottom:-4px;background:var(--curtain-button);color:var(--curtain-ink);border-radius:50%;width:20px;height:20px;font:16px/20px sans-serif}
#division-dialog .option-top{font-size:9px;letter-spacing:1.4px;font-weight:700;color:var(--curtain-accent)}
#division-dialog .division-option>strong{font-size:32px;letter-spacing:-1px;margin:8px 0 12px}
#division-dialog .division-option p{font-size:12px;line-height:1.7;color:#e2e9f5}
#division-dialog .curtain-enter{display:flex;align-items:center;gap:18px;padding:10px 20px;margin:20px 0 14px;border-radius:30px;background:var(--curtain-button);color:var(--curtain-ink);font-size:12px;font-weight:700}
#division-dialog .curtain-enter b{font-size:18px;font-weight:400}
#division-dialog .division-option small{color:#ced8eb;font-size:10px;line-height:1.6;min-height:32px}
#division-dialog .curtain-foot{position:static;text-align:center;font-size:11px;margin:23px 0 0;width:auto}
#division-dialog .curtain-foot span{display:block;font-size:10px;color:#cbd6eb;margin-top:5px}
#division-dialog>form{text-align:center;margin-top:14px}
#division-dialog .curtain-skip{position:static;padding:6px;border:0;background:transparent;color:#d7e0f2;font-size:11px;text-decoration:underline;text-underline-offset:4px}
#division-dialog.opening .division-option{opacity:0;transform:translateY(8px)}
@media(max-width:520px){#division-dialog.curtain-entry{padding:22px 14px;border-radius:22px}#division-dialog .curtain-heading h2{font-size:23px}#division-dialog .curtain-panels{gap:10px}#division-dialog .division-option{padding:20px 9px}#division-dialog .division-option>strong{font-size:24px}#division-dialog .division-option p{font-size:10px}#division-dialog .curtain-enter{padding:9px 12px;font-size:10px;gap:10px}#division-dialog .division-option small{font-size:8px}#division-dialog .option-top{font-size:8px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){#division-dialog *{transition:none!important}}
/* Open, borderless choice overlay: keep the homepage clearly visible. */
#division-dialog.curtain-entry{background:transparent;border:0;box-shadow:none;backdrop-filter:none;overflow:auto}
#division-dialog::backdrop{background:#07163055;backdrop-filter:none}
#division-dialog .curtain-heading,#division-dialog .curtain-foot,#division-dialog>form{text-shadow:0 2px 8px #000,0 0 24px #071630}
#division-dialog .curtain-panels{gap:36px}
#division-dialog .division-option{background:transparent;border:0;border-radius:0;box-shadow:none;text-shadow:0 2px 8px #000,0 0 24px #071630}
#division-dialog .division-option:hover{background:transparent;transform:translateY(-3px)}
#division-dialog .curtain-enter,#division-dialog .curtain-symbol i{text-shadow:none}
#division-dialog .curtain-enter{background:transparent;color:var(--curtain-accent);border-bottom:1px solid currentColor;border-radius:0;padding:8px 0;text-shadow:0 2px 8px #000}
#division-dialog .division-option:hover .curtain-enter{background:transparent;filter:none}
@media(max-width:520px){#division-dialog .curtain-panels{gap:12px}}
/* One shared foundation, without enclosing each division in a card. */
#division-dialog.curtain-entry{background:radial-gradient(ellipse at center,#081b43ed 0%,#081b43cf 48%,#081b4370 72%,#081b4300 100%);border:0;border-radius:0;box-shadow:none;padding:38px 32px;backdrop-filter:none}
#division-dialog::backdrop{background:#07163026;backdrop-filter:none}
#division-dialog .curtain-panels{gap:0}
#division-dialog .girls-option{border-right:1px solid #ffffff35}
#division-dialog .division-option{padding:25px 22px}
#division-dialog .curtain-heading,#division-dialog .curtain-foot,#division-dialog>form,#division-dialog .division-option{text-shadow:0 2px 10px #07163080}
@media(max-width:520px){#division-dialog.curtain-entry{padding:28px 14px}#division-dialog .division-option{padding:20px 10px}#division-dialog .curtain-panels{gap:0}}
/* Keep the entrance scrollable on short screens without a visible scrollbar. */
#division-dialog.curtain-entry{scrollbar-width:none;-ms-overflow-style:none}
#division-dialog.curtain-entry::-webkit-scrollbar{display:none;width:0;height:0}

/* Matching entrance borders distinguish the two programs. */
#division-dialog .girls-option{border:2px solid #ff85cf}
#division-dialog .boys-option{border:2px solid #58a6ff;--curtain-accent:#58a6ff}

/* Keep both choices aligned and readable over the visible homepage. */
#division-dialog.curtain-entry{box-sizing:border-box;background:radial-gradient(ellipse at center,#081b43f5 0%,#081b43eb 62%,#081b43c9 100%);padding:28px 24px}
#division-dialog .curtain-panels{gap:18px;align-items:stretch}
#division-dialog .division-option{box-sizing:border-box;transform:none}
#division-dialog .division-option:hover{transform:none;background:#ffffff08}
#division-dialog .division-option:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--curtain-accent)}
#division-dialog .division-option>strong{display:block;font-size:32px;line-height:1.2;min-height:39px}
#division-dialog .division-option>strong>span{font-size:inherit}
#division-dialog .division-option p{min-height:62px}
@media(max-width:520px){#division-dialog.curtain-entry{padding:22px 12px}#division-dialog .curtain-panels{gap:12px}#division-dialog .division-option>strong{font-size:24px;min-height:29px}#division-dialog .division-option p{min-height:68px}}

/* Entrance order: boys left, girls right. */
#division-dialog .boys-option{order:0}
#division-dialog .girls-option{order:1}