:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.bg[data-v-f1b7e329]{position:relative;width:100%;height:100vh;background-color:#fff;z-index:0;background:linear-gradient(-45deg,#ff7d996e,#ffc766,#5cb6ff,#ff6363);background-size:200% 200%;animation:gradient-f1b7e329 15s ease infinite;display:flex;justify-content:center;align-items:center;overflow:hidden}@keyframes gradient-f1b7e329{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.container[data-v-f1b7e329]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;padding:2vh 0;box-sizing:border-box;z-index:10}.scroll-container[data-v-f1b7e329]{position:relative;width:100%;height:30vh;display:flex;align-items:center}.boxes[data-v-f1b7e329]{position:absolute;display:flex;height:100%;animation:scroll linear infinite;animation-duration:50s;gap:3vh;padding-left:0;align-items:center}.boxes[data-v-f1b7e329]:hover,.boxes[data-v-f1b7e329]:active{animation-play-state:paused;z-index:100}.boxes-forward[data-v-f1b7e329]{animation-name:scrollForward-f1b7e329}.boxes-backward[data-v-f1b7e329]{animation-name:scrollBackward-f1b7e329}@keyframes scrollForward-f1b7e329{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollBackward-f1b7e329{0%{transform:translate(-50%)}to{transform:translate(0)}}.box[data-v-f1b7e329]{list-style:none;position:relative;height:22vh;width:22vh;flex-shrink:0;margin-right:5px;border:none;border-radius:15px;transition:all .5s ease;box-shadow:0 0 5px #00000080;opacity:.8;transform:perspective(100px) rotateY(-15deg)}.box img[data-v-f1b7e329]{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:15px;transition:all .8s ease;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.box[data-v-f1b7e329]:hover{opacity:1;z-index:200;width:35vh;transform:scale(1.1) rotateY(0);box-shadow:0 15px 35px #0000004d}.boxes-backward .box[data-v-f1b7e329]{transform:perspective(100px) rotateY(15deg)}.boxes-backward .box[data-v-f1b7e329]:hover{transform:scale(1.1) rotateY(0);width:35vh}.auth-mask[data-v-f1b7e329]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:20px}.auth-box[data-v-f1b7e329]{background:#ffffffe6;padding:40px;border-radius:20px;box-shadow:0 10px 40px #0003;text-align:center;width:100%;max-width:400px;display:flex;flex-direction:column;gap:15px}.auth-box h3[data-v-f1b7e329]{margin-bottom:10px;color:#333;font-size:1.5rem}.auth-box .question[data-v-f1b7e329]{color:#666;font-weight:700;margin-bottom:5px}.auth-box input[data-v-f1b7e329]{padding:12px 15px;border:2px solid #ddd;border-radius:10px;font-size:1rem;outline:none;transition:.3s;text-align:center}.auth-box input[data-v-f1b7e329]:focus{border-color:#ff9a9e}.auth-box button[data-v-f1b7e329]{padding:12px;background:linear-gradient(45deg,#ff9a9e,#fad0c4);border:none;color:#fff;font-weight:700;border-radius:10px;cursor:pointer;font-size:1rem;transition:.3s}.auth-box button[data-v-f1b7e329]:active{transform:scale(.95)}.error-msg[data-v-f1b7e329]{color:#ff4757;font-size:.9rem;font-weight:700}.shake-anim[data-v-f1b7e329]{animation:shake-f1b7e329 .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake-f1b7e329{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.loading-mask[data-v-f1b7e329]{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffff1a;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:999;display:flex;justify-content:center;align-items:center}.loader[data-v-f1b7e329]{text-align:center;color:#fff}.spinner[data-v-f1b7e329]{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-f1b7e329 .8s linear infinite;margin:0 auto 15px}@keyframes spin-f1b7e329{to{transform:rotate(360deg)}}.fade-enter-active[data-v-f1b7e329],.fade-leave-active[data-v-f1b7e329]{transition:opacity .5s}.fade-enter-from[data-v-f1b7e329],.fade-leave-to[data-v-f1b7e329]{opacity:0}@media(max-width:1024px){.container[data-v-f1b7e329]{justify-content:center;gap:10px}.scroll-container[data-v-f1b7e329]{height:200px}.boxes[data-v-f1b7e329]{gap:15px}.box[data-v-f1b7e329]{width:150px;height:150px}.box[data-v-f1b7e329]:hover{width:220px;transform:scale(1.1) rotateY(0)}}@media(max-width:768px){.scroll-container[data-v-f1b7e329]{height:150px}.boxes[data-v-f1b7e329]{gap:10px}.box[data-v-f1b7e329]{width:120px;height:120px}.box[data-v-f1b7e329]:hover{width:200px;transform:scale(1.05) rotateY(0)}.auth-box[data-v-f1b7e329]{width:90%;padding:25px}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;margin:0!important;padding:0!important}#app{width:100%;height:100vh;overflow:hidden}
