.loginPage{justify-content:center;padding:4rem 0;height:90vh;background-color:var(--theme-bg);color:var(--theme-text-color)}.loginBtnContainer,.loginPage{display:flex;flex-direction:column;align-items:center}.loginBtnContainer{border-radius:1rem;background:linear-gradient(135deg,#f8f9ff,#e6e9ff);border:1px solid rgba(74,82,168,.1);box-shadow:0 4px 20px rgba(74,82,168,.15);padding:2rem;gap:1rem;width:25%}.loginPage h1{font-weight:700;font-size:3rem;text-align:center;text-shadow:var(--theme-text-shadow);background:linear-gradient(135deg,var(--theme-text-color),var(--theme-button-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.loginPage h1,.loginPage p{color:var(--theme-text-color)}.loginPage p{opacity:.8;text-align:center;margin-bottom:1rem}.loginPage button{display:flex;justify-content:center;width:13rem;gap:.3rem;padding:.5rem .8rem;border-radius:8px;transition:all .3s ease;box-shadow:0 2px 6px rgba(74,82,168,.3)}.loginPage button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(74,82,168,.4)}.loginPage button svg{width:1rem}@media (max-width:768px){.loginBtnContainer{width:90%;padding:1.5rem}.loginPage h1{font-size:2.2rem}.loginPage p{font-size:.9rem}.loginPage button{width:100%;max-width:15rem}}@media (max-width:480px){.loginBtnContainer{width:95%;padding:1rem}.loginPage h1{font-size:1.8rem}.loginPage p{font-size:.8rem}}