@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&display=swap";:root{color-scheme:dark}*{margin:0;padding:0;font-family:Inter,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}html,body{height:100vh;width:100vw;overflow-x:hidden;background:#000;color:#fff}aside{display:none;flex-direction:column;position:absolute;z-index:39;right:-100%;height:100vh;width:100vw;background:#000;transition:1s ease}aside .container{padding:128px}aside .container .top{width:100%;display:flex;justify-content:space-between;align-items:center}aside .container .top h1{font-family:Inter;font-size:72px;font-style:normal;font-weight:700;line-height:normal;background:linear-gradient(92deg,#fff 25%,#171717 125%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px}aside .container .top span{font-size:48px;cursor:pointer;opacity:50%;margin-bottom:14px;transition:.5s ease}aside .container .top span:hover{opacity:100%}aside .container ul{display:flex;flex-direction:column}aside .container ul a{text-decoration:none;color:#fff;opacity:50%;font-size:32px;margin-top:8px;margin-bottom:8px;transition:.5s ease}aside .container ul a:hover{opacity:100%}.hidden{opacity:0;filter:blur(5px);transform:translate(-10%);transition:1s ease}.show{opacity:1;filter:blur(0);transform:translate(0)}main #about .container img:nth-child(2){transition-delay:.2s}main #about .container img:nth-child(3){transition-delay:.4s}#trailer{height:32px;width:32px;background:#fff;border-radius:32px;position:fixed;left:0;top:0;z-index:10000;pointer-events:none;opacity:0;transition:opacity .5s ease;display:grid;place-items:center}#trailer:not([data-type=""])>#trailer-icon{opacity:1}#trailer-icon{font-size:14px;color:#000;opacity:0;transition:opacity .4s ease}body:hover>#trailer{opacity:1}main{height:100%;display:grid;place-items:center}main .container{width:fit-content;height:fit-content;border-radius:25px;background:#080808;box-shadow:5px 5px 5px #101010 inset;display:grid;place-items:center;transition:.5s ease;overflow:hidden;padding-top:12px;padding-left:12px}main .container form{padding:48px;display:flex;flex-direction:column}main .container form h1{font-family:Inter;font-size:48px;font-style:normal;font-weight:700;line-height:normal;background:linear-gradient(135deg,#fff 0%,#171717 150%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}main .container form p{opacity:50%;margin-bottom:32px}main .container form label{opacity:50%;margin-bottom:8px;font-size:14px}main .container form input{opacity:50%;padding:16px 24px;border-radius:5px;border:1px solid white;background:transparent;color:#fff;font-family:Inter;transition:.5s ease;outline:none;margin-bottom:16px}main .container form input:focus{opacity:100%}main .container form #submit{background:linear-gradient(135deg,#fff 0%,#171717 250%);color:#000;padding:16px 24px;border-radius:5px;cursor:pointer;transition:.5s ease;font-weight:700;font-size:14px;border:1px solid transparent;outline:none;font-family:Inter;margin-bottom:8px;margin-top:8px}main .container form #submit:hover{opacity:75%}main .container form #submit:active{opacity:50%}main .container form a{text-decoration:none;color:#fff;opacity:50%;font-size:12px;margin-bottom:24px;transition:.5s ease}main .container form a:hover{opacity:100%}main .container form span{display:block;margin:0 auto 24px;opacity:50%}main .container form #google-btn{display:flex;align-items:center;justify-content:center;padding:16px 24px;border-radius:5px;cursor:pointer;transition:.5s ease;background:#000;color:#fff;border:1px solid black;outline:none;font-weight:700}main .container form #google-btn:hover{border:1px solid gray}main .container form #google-btn img{height:24px;width:24px;margin-right:8px}