/* V10.8.668 Student sign-in hero: campus only (no girl) + light animation */
.si-art{background-image:url(img/signin-campus668.webp)!important;background-position:50% 20%!important;position:relative;overflow:hidden;container-type:size}
@media (max-width:600px){.si-art{background-position:50% 6%!important}.h668{--h668y:6%}}
.h668{position:absolute;left:50%;top:var(--h668y,22%);width:max(100cqw,calc(100cqh*0.3794));aspect-ratio:714/1882;transform:translate(-50%,calc(var(--h668y,22%) * -1));pointer-events:none}
.h668k{position:absolute;inset:0;background:url(img/signin-campus668.webp) 0 0/100% 100% no-repeat;animation:h668kb 18s ease-in-out infinite alternate;transform-origin:30% 40%}
@media (min-width:601px){.h668{--h668y:50%}}
.h668 i{position:absolute;display:block}
.h668 .cl{top:1%;height:6%;width:45%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.75),rgba(255,255,255,0));filter:blur(2px);animation:h668cl 26s linear infinite}
.h668 .cl.b{top:4.5%;width:35%;height:4%;animation-duration:34s;animation-delay:-14s;opacity:.8}
.h668 .jet{left:22.5%;width:7%;top:42.6%;height:5.4%;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(235,248,255,.85) 40%,rgba(255,255,255,0));background-size:100% 220%;border-radius:40% 40% 20% 20%;mix-blend-mode:screen;animation:h668jet 1.1s linear infinite;opacity:.8}
.h668 .jet.s{left:31%;width:4%;top:36.3%;height:2.4%;animation-duration:1.4s}
.h668 .pool{left:-2%;width:64%;top:47.2%;height:4.6%;border-radius:50%;background:repeating-linear-gradient(100deg,rgba(255,255,255,0) 0 14px,rgba(255,255,255,.35) 16px,rgba(255,255,255,0) 19px);background-size:200px 100%;mix-blend-mode:screen;animation:h668pool 4s linear infinite;-webkit-mask:radial-gradient(closest-side,#000 60%,transparent);mask:radial-gradient(closest-side,#000 60%,transparent)}
.h668 .lake{left:0;width:58%;top:14.3%;height:2.6%;background:radial-gradient(1.5px 1.5px at 12% 40%,#fff,transparent),radial-gradient(1.5px 1.5px at 33% 70%,#fff,transparent),radial-gradient(1.5px 1.5px at 51% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 74% 60%,#fff,transparent),radial-gradient(1.5px 1.5px at 90% 35%,#fff,transparent);animation:h668tw 2.6s ease-in-out infinite}
.h668 .lake.b{left:6%;top:15.4%;animation-delay:-1.3s}
.h668 .ban{left:72.5%;width:27.5%;top:35.6%;height:41.8%;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,30,.22) 20%,rgba(255,255,255,.14) 40%,rgba(0,0,30,.22) 60%,rgba(255,255,255,.14) 80%,rgba(0,0,0,0));background-size:200% 100%;mix-blend-mode:soft-light;animation:h668ban 3.2s linear infinite;transform-origin:0 0}
.h668 .bird{top:9%;left:-8%;width:5%;aspect-ratio:2/1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cpath d='M1 3q4-2 9 4q5-6 9-4' fill='none' stroke='%23334' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;animation:h668fly 9s linear infinite,h668flap .5s ease-in-out infinite alternate}
.h668 .bird.b{top:11%;width:3.6%;animation-delay:-1.2s,-.2s}
.h668 .bird.c{top:7.5%;width:3%;animation-duration:12s,.45s;animation-delay:-6s,0s}
@keyframes h668kb{to{transform:scale(1.06)}}
@keyframes h668cl{from{left:-50%}to{left:105%}}
@keyframes h668jet{to{background-position:0 -220%}}
@keyframes h668pool{to{background-position:200px 0}}
@keyframes h668tw{0%,100%{opacity:.15}50%{opacity:1}}
@keyframes h668ban{0%{background-position:0 0;transform:skewY(0)}50%{transform:skewY(.6deg)}100%{background-position:-200% 0;transform:skewY(0)}}
@keyframes h668fly{0%{left:-8%;transform:translateY(0)}50%{transform:translateY(-40%)}100%{left:108%;transform:translateY(10%)}}
@keyframes h668flap{to{scale:1 .55}}
@media (prefers-reduced-motion:reduce){.h668 *{animation:none!important}.h668 .bird,.h668 .cl{display:none}}