@charset "UTF-8";.home article{max-height:60dvh;overflow-y:auto}.login{display:flex;height:100vh;width:100%}.login .left-panel{flex:1;position:relative;overflow:hidden;background-color:#111}.login .bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.login .right-panel{flex:1;background-color:#111;display:flex;align-items:center;justify-content:center;color:#fff}.login .login-wrapper{width:100%;max-width:400px;padding:40px}.login .brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.login .logo-img{height:30px;width:auto;object-fit:contain;display:block}.login .brand-name{font-weight:700;font-size:1.2rem;color:#fff}.login .title{font-size:1.2rem;margin-bottom:8px;font-weight:500}.login .subtitle{color:#888;font-size:.9rem;margin-bottom:30px;line-height:1.4;font-weight:400}.login .input-group{margin-bottom:15px;position:relative}.login .input-group input{width:100%;padding:14px 16px;background-color:#1c1c1c;border:1px solid #333;border-radius:8px;color:#fff;font-size:.95rem;font-weight:400;outline:none;transition:border-color .2s}.login .input-group input:focus{border-color:#6f38ff}.login .password-group{position:relative}.login .eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;display:flex}.login .login-btn{width:100%;padding:14px;background-color:#6f38ff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:10px;transition:opacity .2s}.login .login-btn:hover{opacity:.9}.login .divider{display:flex;align-items:center;margin:25px 0;color:#555;font-size:.85rem}.login .divider:before,.login .divider:after{content:"";flex:1;border-bottom:1px solid #333}.login .divider span{padding:0 10px}.login .social-buttons{display:flex;gap:15px;margin-bottom:30px}.login .social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;background-color:#1c1c1c;border:1px solid #333;color:#fff;padding:10px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500}.login .social-btn:hover{background-color:#252525}.login .footer-links{text-align:center;font-size:.9rem;color:#888}.login .forgot{display:inline-block;color:#aaa;text-decoration:none;margin-bottom:15px;transition:color .2s;padding-top:20px}.login .forgot:hover{color:#fff;text-decoration:none}.login .signup{color:#fff;text-decoration:none;font-weight:600}.login button:focus,.login button:active,.login button:focus-visible,.login .eye-btn:focus,.login .login-btn:focus,.login .social-btn:focus,.login input:focus{outline:none!important;box-shadow:none!important}@media(max-width:768px){.login .left-panel{display:none}}.register{min-height:89dvh}.register .input-container p{margin:0}.register .input-container span{position:relative}.register .input-container span input{width:50dvw;max-width:300px;min-width:100px}.register .input-container span img{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.register .input-container span svg{position:absolute;top:50%;transform:translateY(-50%);right:-40px}.register .input-container span svg.prev{left:-40px;transform:rotate(180deg) translateY(50%)}.register .input-container span svg[disabled]{color:gray;pointer-events:none}.register .input-container small{color:#64ff1d;font-size:.7rem}.hover-text{font-weight:600}.hover-text:hover{color:#8164ff!important}.hover-third:hover{color:#a08bff!important}.flex{display:flex}.flex.column{flex-direction:column}.flex.nowrap{flex-wrap:nowrap}.flex.wrap{flex-wrap:wrap}.flex.justify{justify-content:center}.flex.justify-end{justify-content:flex-end}.flex.justify-start{justify-content:flex-start}.flex.align{align-items:center}.flex.align-end{align-items:flex-end}.flex.align-start{align-items:flex-start}.flex.gap-5{gap:5px}.flex.gap-10{gap:10px}.flex.gap-20{gap:20px}.flex.gap-30{gap:30px}.flex.gap-40{gap:40px}.flex.gap-50{gap:50px}.m-1{margin:1em}.m-2{margin:2em}.m-3{margin:3em}.m-4{margin:4em}.m-5{margin:5em}.my-1{margin-block:1em}.my-2{margin-block:2em}.my-3{margin-block:3em}.my-4{margin-block:4em}.my-5{margin-block:5em}.mx-1{margin-inline:1em}.mx-2{margin-inline:2em}.mx-3{margin-inline:3em}.mx-4{margin-inline:4em}.mx-5{margin-inline:5em}.py-1{padding-block:1em}.py-2{padding-block:2em}.py-3{padding-block:3em}.py-4{padding-block:4em}.py-5{padding-block:5em}.size-1{font-size:1rem}.size-2{font-size:2rem}.size-3{font-size:3rem}.size-4{font-size:4rem}.size-5{font-size:5rem}.px-1{padding-inline:1em}.px-2{padding-inline:2em}.px-3{padding-inline:3em}.px-4{padding-inline:4em}.px-5{padding-inline:5em}.rounded{border-radius:10px}button,*[role=button]{cursor:pointer}button{border:none;border-radius:8px;padding:.9em;transition:.3s ease;font-weight:600}button:disabled{background:gray!important;color:#000}button.primary{background:var(--fourth-color);color:#fff}button.secondary{background:var(--third-color);color:#fff}.backdrop-shadow{transition:filter .3s ease}.backdrop-shadow:hover{filter:drop-shadow(1px 3px 2px rgba(128,128,128,.653))}.flex-1{flex:1}.center{text-align:center}.right{text-align:right}input{border:thin solid var(--primary-color);background:transparent;border-radius:5px;padding:.9em;transition:border-color .3s ease}input:active,input:focus{outline:none;border-color:var(--secondary-color)}.error{background-color:#e01111c8;color:#fff;padding:.3em;border-radius:4px;text-align:center}.hover-third{color:#6b5fff;transition:color .3s ease,fill .3s ease}.hover-third:hover{color:var(--secondary-color);fill:var(--secondary-color)}body #root{overflow-y:hidden!important}.reset{background-color:#5f3cf7}.reset:hover{background-color:#7d60ff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#06080a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #d9d9d9;--secondary-color: #b6b6b6;--third-color: #8d73ff;--fourth-color: #2bc975}*{box-sizing:border-box}*::-webkit-scrollbar{width:.4em;height:.4em}*::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}*::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid slategrey}body{max-width:1880px;margin:0 auto}body #root{height:100%}body #root main{height:100%;flex-direction:column;align-items:center;gap:20px}body #root main section a{text-decoration:none}body #root main section h1{margin:0}body #root main nav{padding-top:1em}body #root main .logo{display:flex;justify-content:center;align-items:center}body #root main .logo img{width:150px;height:auto;object-fit:contain}body #root main .toast-dark{background-color:#000;color:#fff;text-align:center}nav{display:flex;width:100%;padding-inline:2em}nav.center{justify-content:center}