.login-page-container{min-height:100vh;display:flex;flex-direction:column;background-size:cover;background-position:50%;background-repeat:no-repeat}.login-container{justify-content:flex-start;padding-top:2rem;background-color:rgba(240,240,245,.8);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.15);text-align:center;display:flex;flex-direction:column;position:relative;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);width:calc(100% - 2rem);max-width:1600px;margin:1rem auto;flex:1;min-height:calc(100vh - var(--navbar-height) - 2rem);transition:padding .3s ease}.login-title{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#222}.login-buttons{display:flex;flex-direction:column;gap:1rem;width:100%}.login-page-container .login-buttons .login-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:8px 18px;border-radius:5px;font-size:1rem;font-weight:600;line-height:1;cursor:pointer;border:2px solid #000;background:transparent;color:#000;transition:background .16s ease,color .16s ease,transform .12s ease}.login-page-container .login-buttons .login-btn:focus-visible,.login-page-container .login-buttons .login-btn:hover{background:#000;color:#fff;transform:translateY(-1px)}.login-page-container .login-buttons .login-btn:active{transform:translateY(0)}.login-page-container .login-buttons .login-btn.apple-btn,.login-page-container .login-buttons .login-btn.google-btn{background:transparent;border-color:#000;color:#000}.login-page-container .login-buttons .login-btn.apple-btn:focus-visible,.login-page-container .login-buttons .login-btn.apple-btn:hover,.login-page-container .login-buttons .login-btn.google-btn:focus-visible,.login-page-container .login-buttons .login-btn.google-btn:hover{background:#000;color:#fff}.icon{display:inline-block}