.login-page .form{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);width:450px;font-family:var(--font-body);transition:all .3s var(--ease-smooth);border-radius:20px;flex-direction:column;gap:10px;padding:30px;display:flex;box-shadow:0 8px 32px #ffffff1a}.login-page .form:hover{border:1px solid #fff3;box-shadow:0 8px 40px #ffffff26}.login-page ::placeholder{font-family:var(--font-body);color:var(--text-muted)}.login-page .form button{align-self:flex-end}.login-page .flex-column>label{color:var(--text-main);margin-bottom:5px;font-size:.9rem;font-weight:600}.login-page .inputForm{border:1.5px solid var(--glass-border);background:#ffffff0d;border-radius:10px;align-items:center;height:50px;padding-left:10px;transition:all .2s ease-in-out;display:flex}.login-page .inputForm svg{fill:var(--text-muted)}.login-page .input{width:100%;height:100%;color:var(--text-main);background:0 0;border:none;border-radius:10px;margin-left:10px;padding:0 10px}.login-page .input:focus{outline:none}.login-page .inputForm:focus-within{border:1.5px solid var(--accent-primary);background:#ffffff14}.login-page .flex-row{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;display:flex}.login-page .flex-row>div>label{color:var(--text-muted);font-size:14px;font-weight:400}.login-page .span{color:var(--text-main);cursor:pointer;margin-left:5px;font-size:14px;font-weight:500;transition:color .2s}.login-page .span:hover{color:var(--accent-primary);text-decoration:underline}.login-page .button-submit{text-align:center;letter-spacing:1px;background:var(--accent-primary);transition:all .3s var(--ease-smooth);border:2px solid var(--accent-primary);color:#000;cursor:pointer;text-transform:uppercase;border-radius:10px;width:100%;height:50px;margin:20px 0 10px;padding:15px 30px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block;position:relative}.login-page .button-submit:hover{color:var(--accent-primary);background:0 0;transform:translateY(-2px);box-shadow:0 10px 25px #fff3}.login-page .button-submit:active{transform:translateY(0)}.login-page .button-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-page .p{text-align:center;color:var(--text-muted);margin:5px 0;font-size:14px}.login-page .btn{border:1px solid var(--glass-border);width:100%;height:50px;color:var(--text-main);cursor:pointer;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:10px;font-weight:500;transition:all .2s ease-in-out;display:flex}.login-page .btn:hover{border:1px solid var(--accent-primary);background:#ffffff1a;transform:translateY(-2px)}.login-page .btn:active{transform:translateY(0)}:root{--bg-color:#0a0a0a;--bg-gradient:linear-gradient(to bottom, #0a0a0a, #111);--text-main:#fff;--text-muted:#888;--accent-primary:#fff;--accent-secondary:#ccc;--accent-glow:#ffffff26;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--glass-blur:20px;--font-heading:"Oswald", sans-serif;--font-body:"SF Pro Text", "Inter", sans-serif;--ease-smooth:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);width:100%;color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-image:var(--bg-gradient);position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:700}a{color:inherit;text-decoration:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0055ff26}.text-gradient{background:linear-gradient(to right, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-text{text-shadow:0 0 20px var(--accent-glow)}.flex-center{justify-content:center;align-items:center;display:flex}.full-screen{width:100vw;height:100vh;position:relative;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f0f8ff}::-webkit-scrollbar-thumb{background:#cbd8ec;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#05f}.goo-container{filter:url(#goo);z-index:-1;opacity:.6;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.blob{background:var(--accent-primary);filter:blur(40px);border-radius:50%;position:absolute}.text-reveal-mask{display:block;position:relative;overflow:hidden}.text-reveal-line{opacity:0;will-change:transform, opacity;display:block;transform:translateY(100%)}.app-container{width:100%;min-height:100vh;position:relative;overflow-x:hidden}.button{color:#eee;cursor:pointer;background-color:#132233;border:2px solid #b68080;border-radius:50px;justify-content:center;align-items:center;width:160px;height:50px;font-size:15px;transition:all .6s;display:flex;position:relative;overflow:hidden}.button span{z-index:2;transition:all .5s;transform:translate(10px)}.button svg{z-index:3;height:20px;transition:all .6s;position:absolute;transform:translate(-300px)}.button:hover{background-color:#332233d0;width:50px;box-shadow:20px 20px 96px #bebebe,-20px -20px 96px #fff}.button:hover svg{transform:translate(0)}.button:hover span{font-size:.1rem;transform:translateY(70px)}.like-button{word-spacing:-2px;cursor:pointer;background-color:#e8e8e8;border:9px solid #ffe2e2;border-radius:35px;justify-content:center;align-items:center;padding:20px 22px;transition:transform .4s cubic-bezier(.68,-.55,.27,2.5),border-color .4s ease-in-out,background-color .4s ease-in-out;display:flex;box-shadow:inset 0 -2px 6px #0a254059}@keyframes movingBorders{0%{border-color:#fce4e4}50%{border-color:#ffd8d8}90%{border-color:#fce4e4}}.like-button:hover{background-color:#eee;animation:3s infinite movingBorders;transform:scale(1.05)}.like-button .filled,.like-button .empty{fill:#ff6e6e;transition:opacity .1s ease-in-out}.like-button .filled{opacity:0;position:absolute}@keyframes beatingHeart{0%{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}.like-button:hover .empty{opacity:0}.like-button:hover .filled{opacity:1;animation:1.2s infinite beatingHeart}.like-button.liked{background-color:#eee;border-color:#ffd8d8}.like-button.liked .empty{opacity:0}.like-button.liked .filled{opacity:1;animation:none;transform:translateY(-50%)scale(1.15)}.like-button.liked .filled path{fill:#ff6e6e!important}