.home-container{background:linear-gradient(#060a30 0%,#0c0c58 20%,#1d13b6 50%,#3917b2 70%,#7a2ba8 100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.competition-page-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:auto;margin-top:10rem;margin-bottom:1rem;display:flex;position:relative}.layer-2{pointer-events:none;position:absolute;inset:0}.layer-2 img{z-index:1;height:auto;position:absolute}.img-11{width:19rem;top:-2rem;right:1rem}.img-12{width:18rem;top:-2rem;left:4rem}.page-link{font-family:var(--font-plusJakartaSans);color:#c9c2f2;z-index:2;font-size:1rem;position:relative}.competition-page-container h1{font-size:5.75rem;font-family:var(--font-rcxucc);color:#fff;z-index:2;position:relative}.subtitle{font-family:var(--font-plusJakartaSans);color:#c9c2f2;text-align:center;z-index:2;width:40%;font-size:1rem;position:relative}.competition-phase-bar{justify-content:center;align-items:center;width:100%;margin-bottom:5rem;display:flex}.cat-grid{z-index:11;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:80%;margin-bottom:15rem;scroll-margin-top:6rem;display:grid;position:relative}.img-13{width:12rem;top:-5rem;right:-6rem}.img-14{width:10rem;top:-4rem;left:-4rem}.img-15{width:12rem;bottom:-2rem;right:-6rem}.img-16{width:10rem;bottom:-3rem;left:-4rem}.cat-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#281e9673;border:1px solid #a952ff80;border-radius:24px;min-height:17rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.cat-card:hover{border-color:#00e5ff;transform:translateY(-4px);box-shadow:0 0 16px #00e5ff73}.cat-art{flex:0 0 35%;justify-content:center;align-items:center;display:flex}.cat-art img{width:75%;height:auto}.cat-sports{background:linear-gradient(135deg,#ff69c5,#3924b4)}.cat-arts{background:linear-gradient(135deg,#ffde59,#ff69c5)}.cat-esports{background:linear-gradient(135deg,#01ffff,#1e13b6)}.cat-learning{background:linear-gradient(135deg,#27aae1,#9b0090)}.cat-info{text-align:left;flex-direction:column;flex:1;gap:.6rem;padding:1.5rem;display:flex}.cat-count{font-family:var(--font-plusJakartaSans);letter-spacing:.08em;color:#ff69c5;font-size:.7rem;font-weight:700}.cat-info h3{font-family:var(--font-rcxucc);color:#fff;margin-bottom:1rem;font-size:2.4rem;line-height:1}.cat-tags{flex-wrap:wrap;gap:.4rem;display:flex}.cat-tags span{font-family:var(--font-plusJakartaSans);color:#c9c2f2;background:#ffffff1f;border-radius:99px;padding:.35rem .7rem;font-size:.65rem;font-weight:600}.cat-link{font-family:var(--font-plusJakartaSans);color:#00f3ff;margin-top:auto;font-size:.8rem;font-weight:600}.panel-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#03041ea6;transition:opacity .35s;position:fixed;inset:0}.panel-overlay.show{opacity:1;pointer-events:auto}.panel{z-index:2001;visibility:hidden;background:linear-gradient(160deg,#1d13b6 0%,#0c0c58 60%,#060a30 100%);align-items:stretch;width:min(60rem,96vw);transition:transform .45s,visibility 0s .45s;display:flex;position:fixed;top:0;bottom:0;overflow:hidden}.panel.left{clip-path:polygon(0 0,100% 0,calc(100% - 3rem) 100%,0 100%);flex-direction:row;left:0;transform:translate(-105%)}.panel.right{clip-path:polygon(3rem 0,100% 0,100% 100%,0 100%);flex-direction:row-reverse;right:0;transform:translate(105%)}.panel.open{visibility:visible;transition:transform .45s;transform:translate(0)}.panel-preview{color:#fff;flex-direction:column;flex:1;justify-content:flex-start;gap:1rem;min-width:0;padding:5rem 3rem 3rem;display:flex}.panel-kicker{font-family:var(--font-plusJakartaSans);letter-spacing:.2em;color:#ff69c5;font-size:.75rem;font-weight:700}.preview-frame{background:#ffffff0f;border:1px solid #a952ff80;border-radius:20px;flex:none;justify-content:center;align-items:center;height:38vh;display:flex;overflow:hidden}.preview-frame img{object-fit:contain;width:auto;max-width:80%;height:auto;max-height:80%}.preview-frame.logo img{object-fit:contain;width:40%;height:auto}.panel-preview h3{font-family:var(--font-rcxucc);min-height:2.4rem;font-size:2.2rem;line-height:1}.preview-desc{font-family:var(--font-plusJakartaSans);color:#c9c2f2;-webkit-line-clamp:4;-webkit-box-orient:vertical;min-height:4.5em;line-height:1.5;display:-webkit-box;overflow:hidden}.panel-list{overscroll-behavior:contain;flex-direction:column;flex:0 0 22rem;justify-content:center;padding:5rem 3.5rem 3rem 1.5rem;display:flex;overflow:hidden auto}.panel.right .panel-list{padding:5rem 1.5rem 3rem 3.5rem}.panel-row{text-align:left;cursor:pointer;color:#c9c2f2;font-family:var(--font-plusJakartaSans);background:0 0;border:0;border-bottom:1px solid #c9c2f22e;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.6rem;padding:1rem .8rem;font-weight:600;transition:all .2s;display:grid;box-shadow:inset 0 0 #00e5ff}.panel-row .n{font-family:var(--font-orbitron);color:#fef17c;font-size:.75rem}.panel-row .a{opacity:0;color:#00e5ff;transition:all .2s;transform:translate(-6px)}.alt-font{font-family:var(--font-orbitron);letter-spacing:.04em}.panel-row:hover,.panel-row.active{color:#fff;background:#00e5ff14;box-shadow:inset 3px 0 #00e5ff}.panel.right .panel-row:hover,.panel.right .panel-row.active{box-shadow:inset 3px 0 #00e5ff}.panel-row:hover .a,.panel-row.active .a{opacity:1;transform:none}.panel-close{z-index:2;cursor:pointer;color:#00e5ff;background:0 0;border:1px solid #00e5ff;border-radius:50%;width:2.4rem;height:2.4rem;position:absolute;top:1.2rem}.panel.left .panel-close{left:1.2rem}.panel.right .panel-close{right:1.2rem}.panel-register{color:#00e5ff;font-family:var(--font-plusJakartaSans);background:#00e5ff1f;border:2px solid #00e5ff;border-radius:999px;align-self:flex-start;margin-top:.5rem;padding:.7rem 1.8rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;box-shadow:0 0 10px #00e5ff59}.panel-register.ghost{visibility:hidden}.panel-register:hover{background:#00e5ff40;transform:translateY(-2px)}.panel-register.disabled{color:#c9c2f2;box-shadow:none;pointer-events:none;background:0 0;border-color:#c9c2f266}.panel.open .panel-row{animation:.45s backwards row-in;animation-delay:calc(var(--i) * 70ms + .2s)}.preview-slide{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex}.preview-slide.next{animation:.35s both slide-next}.preview-slide.prev{animation:.35s both slide-prev}.placeholder{position:relative}.competition-page-grid-floor{width:100%;position:absolute;bottom:0}.competition-page-grid-floor img{width:100%;display:block;position:relative}@keyframes slide-next{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes slide-prev{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:none}}@keyframes row-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.panel.right.open .panel-row{animation-name:row-in-r}@keyframes row-in-r{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.preview-slide,.panel.open .panel-row{animation:none!important}}@media (max-width:1100px){.competition-page-container{margin-top:8rem;padding:0 1rem}.competition-page-container h1{font-size:5rem}.subtitle{width:70%}.cat-grid{width:90%}.cat-card{min-height:15rem}.cat-info h3{font-size:2rem}.img-11{width:12rem;right:0}.img-12{width:11rem;left:0}.img-13,.img-14,.img-15,.img-16{width:7rem}.img-13{right:-2rem}.img-14{left:-2rem}.img-15{right:-2rem}.img-16{left:-2rem}.panel{width:min(52rem,96vw)}.panel-list{flex-basis:18rem;padding-left:1rem;padding-right:2.5rem}.panel.right .panel-list{padding-left:2.5rem;padding-right:1rem}.panel-preview{padding:5rem 2rem 2rem}}@media (max-width:640px){.home-container{overflow-x:hidden}.competition-page-container{gap:.7rem;margin-top:6.5rem}.competition-page-container h1{text-align:center;font-size:2.6rem}.page-link,.subtitle{font-size:.9rem}.subtitle{width:90%}.img-11,.img-12{opacity:.7;width:6rem}.img-13,.img-14,.img-15,.img-16{display:none}.competition-phase-bar{margin-bottom:3rem;padding:0 1rem}.cat-grid{grid-template-columns:1fr;gap:1rem;width:92%;margin-bottom:8rem}.cat-card{flex-direction:column;min-height:auto}.cat-art{flex-basis:auto;padding:1.5rem 0}.cat-art img{width:35%}.cat-info{padding:1.2rem}.cat-info h3{margin-bottom:.5rem;font-size:1.8rem}}@media (max-width:700px){.panel{width:100vw;clip-path:none!important;flex-direction:column!important}.panel-preview{flex:none;padding:4.5rem 1.5rem 1rem}.preview-frame{height:20vh}.panel-preview h3{font-size:1.6rem}.panel-kicker{font-size:.7rem}.panel-list,.panel.right .panel-list{flex:1;justify-content:flex-start;padding:0 1.5rem 2rem}.panel-row{padding:.8rem .5rem}.panel-close{top:.8rem}.panel.left .panel-close{left:auto;right:.8rem}}
.phase-bar{-webkit-backdrop-filter:blur(10px);font-family:var(--font-plusJakartaSans);background:#281e828c;border:1px solid #a952ff73;border-radius:999px;align-items:center;gap:1.5rem;padding:.8rem 1rem .8rem 1.5rem;display:inline-flex}.phase-count{font-family:var(--font-orbitron);color:#fef17c;font-size:.85rem;font-weight:700}.phase-segments{gap:.4rem;display:flex}.seg{background:#ffffff2e;border-radius:99px;width:1.8rem;height:.28rem;position:relative;overflow:hidden}.seg-fill{border-radius:inherit;background:linear-gradient(90deg,#00e5ff,#ff69c5);transition:width .6s;position:absolute;inset:0 auto 0 0}.seg.on{background:linear-gradient(90deg,#00e5ff,#ff69c5)}.phase-text{color:#00e5ff;white-space:nowrap;font-weight:600}.phase-button{color:#00e5ff;white-space:nowrap;border:2px solid #00e5ff;border-radius:999px;padding:.7rem 1.6rem;font-weight:600;text-decoration:none;transition:background .2s;box-shadow:0 0 8px #00e5ff66,inset 0 0 6px #00e5ff33}.phase-button:hover{background:#00e5ff26}@media (max-width:640px){.phase-bar{border-radius:28px;flex-wrap:wrap;justify-content:center;gap:.8rem;padding:1rem}.phase-text{white-space:normal;text-align:center}}
