.class-gate[hidden],.class-change[hidden],.class-gate-close[hidden]{display:none!important}
body.class-gate-open{overflow:hidden}
.class-gate{position:fixed;inset:0;z-index:5000;overflow:auto;background:#004836;color:#fff;padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center}
.class-gate:before,.class-gate:after{content:'';position:fixed;border:1px solid #ffffff16;border-radius:50%;pointer-events:none}
.class-gate:before{width:270px;height:270px;right:-135px;top:-85px}.class-gate:after{width:190px;height:190px;left:-105px;bottom:-50px}
.class-gate-card{position:relative;width:min(100%,420px);padding:4px 6px 8px}
.class-gate-brand{display:flex;align-items:center;gap:12px;margin-bottom:37px}.class-gate-brand img{width:58px;height:58px;object-fit:contain;border-radius:50%;background:#f7f5f0;padding:4px}.class-gate-brand small{display:block;color:#b7d1c5;font-size:8px;letter-spacing:1.5px;margin-bottom:4px}.class-gate-brand strong{display:block;font-size:18px;letter-spacing:-.6px}
.class-gate-copy>span{font-size:8px;letter-spacing:2px;color:#b7d1c5;font-weight:700}.class-gate-copy h1{margin-top:9px;font-size:35px;line-height:1.18;letter-spacing:-1.8px}.class-gate-copy h1 span{color:#a9d4c0}.class-gate-copy p{margin-top:13px;color:#d2e3db;font-size:11px;line-height:1.8}
.class-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:27px}.class-choice{min-height:58px;border:1px solid #ffffff38;border-radius:10px;background:#ffffff0e;color:#fff;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;text-align:left;transition:transform .15s,background .15s}.class-choice:active{transform:scale(.98)}.class-choice strong{font-size:19px;letter-spacing:-.5px}.class-choice span{display:flex;align-items:center;gap:6px;color:#c4d9cf;font-size:8px}.class-choice span:after{content:'→';font-size:12px}.class-choice.selected{background:#f7f5f0;color:#004836;border-color:#f7f5f0}.class-choice.selected span{color:#55796a}
.class-gate-note{text-align:center;margin-top:16px;color:#accabc;font-size:8px}.class-gate-close{display:block;margin:14px auto 0;color:#d8e7e0;border-bottom:1px solid #ffffff55;padding:5px 1px;font-size:9px}
.class-change{min-width:43px;height:42px;border-radius:21px;background:#e3ece6;color:#004836;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 9px;line-height:1}.class-change b{font-size:10px;white-space:nowrap}.class-change small{font-size:7px;margin-top:4px;color:#5a776b}
@media(max-height:690px){.class-gate{align-items:flex-start}.class-gate-brand{margin-bottom:22px}.class-grid{margin-top:20px}.class-choice{min-height:52px}.class-gate-copy h1{font-size:31px}}
@media(max-width:385px){.class-change{min-width:39px;height:39px;padding:3px 7px}.class-change b{font-size:9px}.class-change small{display:none}}