*{box-sizing:border-box;margin:0}body,html{width:100vw;height:100vh;overflow:hidden}body,html,img{user-select:none;-webkit-user-drag:none}.main-wrapper{position:relative;width:100vw;height:calc(100vh - 3.5rem);background:var(--main-bg-gradient);display:flex;justify-content:center;align-items:center;overflow:hidden}.main-wrapper:before{content:"";position:absolute;width:100%;height:100%;background:var(--main-focus-gradient);z-index:1}.decor-line{position:absolute;width:80%;height:2px;background-color:var(--foreground-color);z-index:3}.top-line{top:40px;left:10%}.bottom-line{bottom:40px;left:10%}.main-logo{position:relative;z-index:4;width:42vw;max-width:600px;height:auto;animation:fadeIn 1.6s ease-out forwards;opacity:0;transition:opacity 1s ease}.main-logo-wrapper,.warning-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:4;position:relative}.warning-wrapper{max-width:80%}.main-subtitle{position:relative;z-index:4;margin-top:1.2rem;font-size:1.15rem;color:var(--color-text-subtle);font-weight:400;text-align:center;animation:fadeIn 2s ease-out forwards;opacity:0;line-height:1.4}.overlay-container{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:60vw;max-width:100vw;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none;padding:0 2vw}.overlay-image{width:28vw;max-width:320px;height:auto;opacity:.2;object-fit:contain}.school-logo{position:absolute;bottom:5vh;right:3vw;z-index:5}.school-logo img{width:10vh;height:auto;opacity:.3}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:.8;transform:scale(1)}}@media (max-width:768px){.main-logo{width:70vw;max-width:400px}.overlay-image{width:40vw;max-width:240px;opacity:.3}.overlay-container{padding:0 8vw;justify-content:center;gap:6vw}.decor-line{width:90%;top:20px;bottom:20px}.school-logo img{width:42px}.main-subtitle{font-size:.95rem;margin-top:1rem}}