:root{--glass-bg-1:hsla(0,0%,100%,.1);--glass-bg-2:hsla(0,0%,100%,.05);--gradient-violet-1:linear-gradient(135deg,#566dd5,#633b8a)}*{--sc-color:rgba(255,255,255,0.1);--sc-bg-color:hsla(0,0%,100%,0.04);scrollbar-width:thin;scrollbar-color:var(--sc-color) var(--sc-bg-color);&::-webkit-scrollbar{width:2px}&::-webkit-scrollbar-track{background:var(--sc-bg-color)}&::-webkit-scrollbar-thumb{border-radius:4px;background:var(--sc-color)}}html{height:100%;scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:clip}.form{label{color:#f1f7fb}}.input-glass{color:#dce6ec;background:var(--glass-bg-2);border:1px solid var(--glass-bg-2);&:focus-visible{outline:none;box-shadow:none!important;border:2px solid var(--glass-bg-1)}}.btn-submit{--height:2.25rem;--br-rad:0.5rem;--bg-color:var(--gradient-violet-1);font-weight:500;text-transform:capitalize;&:hover{filter:brightness(.9)}}.auth{--c1:#566dd5;--c2:#633b8a;--bg-color:#00040F;--img-bg-color:linear-gradient(135deg,#566dd580,#633b8a80);--img-bg-opacity:0.5;--heading-color:#f0f0f0;--btn-color:#fff;--btn-bg-color:linear-gradient(135deg,var(--c1),var(--c2));--auth-link-color:var(--c1);position:relative;width:100%;height:100vh;display:flex;align-items:stretch;justify-content:center;background:var(--bg-color);.content-div,.img-div{width:50%;height:100%}.img-div{position:relative;&:before,img,video{position:absolute;width:100%;height:100%}&:before{content:"";background:var(--img-bg-color);opacity:var(--img-bg-opacity);mix-blend-mode:color;z-index:1}img,video{object-fit:cover;object-position:center}}.content-div{display:flex;align-items:center;flex-direction:column;padding:1rem;overflow-y:auto;.form-div{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:30rem;padding:2rem;margin-block:auto}}.heading{font-weight:600;font-size:1.5rem;letter-spacing:.1rem;text-align:center;text-transform:uppercase;color:var(--heading-color)}.form-div>p{font-size:.875rem;line-height:1.25rem;text-align:center;color:hsl(var(--muted-foreground))}.auth-link{font-weight:600;font-size:.875rem;color:var(--auth-link-color);filter:brightness(1.1);&:hover{filter:brightness(1)}}.or{display:flex;&:after,&:before{content:"";flex-grow:1;height:.5rem;border-bottom:1px solid #262626}span{flex-grow:0.1;font-size:.75rem;line-height:1rem;text-align:center;text-transform:uppercase;color:hsl(var(--muted-foreground))}}@media (max-width:768px){.content-div,.img-div{width:100%}.img-div{position:absolute}.content-div{z-index:1}.form-div{border-radius:1rem;background:rgba(0,0,0,.9)}}}.not-found{--bg-color:linear-gradient(71deg,#080509,#1a171c,#080509);--btn-color:#fff;--btn-bg-color:#5b4eb0;position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:var(--bg-color);&>div{text-align:center}h1{font-size:3rem;font-weight:700;letter-spacing:-.025rem;color:#ecb062;margin-bottom:1rem}p{color:#999}.btn-home{text-transform:uppercase;color:var(--btn-color);background:var(--btn-bg-color);&:hover{filter:brightness(.9)}}}