.main-screen{height:100vh;margin:0;position:relative}
.glass-container{padding-inline:2rem;background:var(--dark-alpha);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid var(--primary-alpha);border-radius:25px;height:fit-content;padding:2rem;position:relative;z-index:2!important}
.syrus-cta{--cta-cut:.7em;--cta-yellow:#ffe81f;--cta-void:#04050a;--cta-fg:var(--cta-yellow);--cta-bg:#04050adb;--cta-line:var(--cta-yellow);--bs-btn-color:var(--cta-fg);--bs-btn-hover-color:var(--cta-fg);--bs-btn-active-color:var(--cta-fg);--bs-btn-bg:var(--cta-line);--bs-btn-hover-bg:var(--cta-line);--bs-btn-active-bg:var(--cta-line);--bs-btn-border-color:transparent;--bs-btn-hover-border-color:transparent;--bs-btn-active-border-color:transparent;--bs-btn-focus-box-shadow:none;--bs-btn-active-shadow:none;isolation:isolate;width:fit-content;box-shadow:none;background:var(--cta-line);color:var(--cta-fg);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 10px #ffe81f73;white-space:nowrap;cursor:pointer;clip-path:polygon(var(--cta-cut) 0, 100% 0, 100% calc(100% - var(--cta-cut)), calc(100% - var(--cta-cut)) 100%, 0 100%, 0 var(--cta-cut));-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:0;border-radius:0;justify-content:center;align-items:center;padding:.95em 1.7em;font-family:"Press Start 2P",sans-serif;font-size:1.25rem;font-weight:400;line-height:1;text-decoration:none;transition:color .2s,background-color .2s,text-shadow .2s,transform .2s;display:inline-flex;position:relative;overflow:hidden}.syrus-cta:before{content:"";z-index:-2;background:var(--cta-bg);clip-path:polygon(calc(var(--cta-cut) - .4px) 0, 100% 0, 100% calc(100% - var(--cta-cut) + .4px), calc(100% - var(--cta-cut) + .4px) 100%, 0 100%, 0 calc(var(--cta-cut) - .4px));transition:background-color .2s;position:absolute;inset:1px}.syrus-cta:after{content:"";z-index:-1;opacity:0;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:35%;position:absolute;top:0;bottom:0;left:-45%;transform:skew(-20deg)}.syrus-cta:hover,.syrus-cta:focus-visible{--cta-fg:var(--cta-void);--cta-bg:var(--cta-yellow);text-shadow:none;transform:translateY(-2px)}.syrus-cta:hover:after,.syrus-cta:focus-visible:after{animation:.7s ease-out syrus-cta-sweep}.syrus-cta:focus-visible{--cta-line:#5fd4f0;outline:none}.syrus-cta:active{--cta-fg:var(--cta-void);--cta-bg:#e9a415;--cta-line:#e9a415;transform:translateY(0)}@keyframes syrus-cta-sweep{0%{opacity:.9;left:-45%}to{opacity:0;left:130%}}@media (prefers-reduced-motion:reduce){.syrus-cta,.syrus-cta:before{transition:none}.syrus-cta:hover,.syrus-cta:focus-visible{transform:none}.syrus-cta:hover:after,.syrus-cta:focus-visible:after{animation:none}}
.landing-screen{z-index:2;justify-content:center;align-items:center;width:100%;padding:1.5rem;display:flex;position:relative;overflow:hidden}.info-section{-webkit-user-select:none;user-select:none;-khtml-user-select:none;-o-user-select:none;flex-direction:column;gap:1.5rem;padding:3rem;display:flex}.codecell-college-wrapper{color:#fff;align-items:center;gap:1rem;padding-left:2rem;padding-right:1.2rem;display:flex}.codecell-college-logo{width:2.4vw;min-width:40px}.codecell-college-name{max-width:500px;font-family:Noto Sans,sans-serif;font-size:clamp(1rem,3.8vw,1.26rem);font-weight:600}.landing-buttons{justify-content:left;align-items:center;gap:1rem;display:flex}.upcoming-button{background:var(--primary);color:var(--dark);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid var(--primary);text-align:center;padding:.5rem;border:2px solid #0000;padding-inline:5rem;font-family:"Press Start 2P",sans-serif;font-size:1.3rem;transition:transform .2s ease-in-out;width:fit-content!important}.upcoming-button:hover{border:2px solid var(--primary);background-color:var(--dark);color:var(--primary);filter:drop-shadow(3px 3px 0px var(--primary));transform:translate(.05em,.05em)}.upcoming-button:active{transform:scale(1);background-color:var(--dark)!important;color:var(--primary)!important;border:2px solid var(--primary)!important}.landing-buttons{filter:drop-shadow(0 0 14px #ffe81f2e)}.syrus-button-landing{padding:1.05em 1.9em;font-size:clamp(1.15rem,.9rem + 1.1vw,1.7rem)}.codecell-info{color:#fff;z-index:2;flex-direction:column;justify-content:center;min-height:25vh;padding-block:2rem;font-family:"Press Start 2P",sans-serif;font-size:clamp(3rem,3vw,4rem);display:flex;position:relative}.codecell-title span{color:var(--primary)}.codecell-subtitle{font-family:Noto Sans,sans-serif;font-size:1.26rem;font-weight:600}.codecell-model{width:50vw;height:65vh;min-height:550px;overflow:hidden}@media screen and (max-width:1100px){.codecell-nav{padding-inline:2rem!important}.landing-screen{flex-direction:column;justify-content:flex-start;align-items:center;gap:0;padding-block:2rem}.codecell-info{width:70vw;min-height:unset;font-size:2.4rem}.codecell-model{width:35vw;height:35vh;min-height:250px}.landing-buttons{justify-content:center}.upcoming-button{font-size:1.1rem;width:50%!important}}@media screen and (max-width:530px){.codecell-info{font-size:7vw}.codecell-subtitle{font-size:3.75vw}.codecell-model{width:58vw;height:35vh!important}.syrus-button-landing{width:100%}}@media screen and (max-width:400px){.landing-buttons{flex-direction:column}.upcoming-button{width:100%!important}.codecell-model{width:62vw;height:25vh!important}}@media screen and (max-width:370px){.info-section .glass-container{padding:1rem}.codecell-college-name{font-size:.75rem}}