html,body{margin:0;font-family:sans-serif;background:#eef3f8}#small-lordicon{width:64px;height:64px}.title-text{display:flex;align-items:center}#auth-page,#home-page{transform:translateY(20px);animation:fadeInUp 1s ease .5s forwards;opacity:0}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.site-footer{position:absolute;bottom:0;left:0;right:0;padding:.5rem;text-align:center;font-size:.85rem;color:#888;z-index:1000}.site-footer a{color:inherit;text-decoration:underline}#auth-page{max-width:400px;margin:100px auto;background:#fff;padding:2rem;border-radius:15px;box-shadow:0 10px 25px #0000001a;z-index:1}.slide-buttons{position:relative;margin-bottom:1rem;border:1px solid #007bff;display:flex;border-radius:8px}.slide-buttons .tab{flex:1;background:transparent;color:#007bff;border:none;padding:.6rem;cursor:pointer;z-index:1;font-weight:700;border-radius:8px;transition:color .6s ease}.slide-buttons .tab.active{color:#fff}.slide-indicator{position:absolute;top:0;left:0;width:50%;height:100%;background-color:#007bff;border-radius:8px;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:0}.slide-indicator.active{transform:translate(100%)}.form-container{position:relative;min-height:250px}.form-panel{position:absolute;width:100%;top:0;left:0;display:flex;flex-direction:column;transition:opacity .5s ease;opacity:0;pointer-events:none}.form-panel.active{opacity:1;pointer-events:auto}.form-panel input{margin:.5rem 0;padding:.5rem;border:1px solid #ccc;border-radius:8px}.form-panel button{padding:.6rem;background:#007bff;border:none;color:#fff;border-radius:8px;cursor:pointer;transition:background .3s ease}.form-panel button:hover{background:#003d7f}@media (max-width: 768px){#auth-page{margin:20px auto}}#home-page{max-width:600px;margin:100px auto;background:#fff;padding:2rem;border-radius:15px;box-shadow:0 10px 25px #0000001a;z-index:1}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.logout{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:8px;cursor:pointer}.methods{display:flex;flex-direction:column;gap:1rem}.method{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:1rem;border-radius:10px}.method button{background:#007bff;color:#fff;padding:.4rem .8rem;border:none;border-radius:6px;cursor:pointer}.method .enabled{color:green;font-weight:700}#qr-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999}.qr-box{background:#fff;padding:2rem;border-radius:8px;text-align:center;box-shadow:0 0 20px #0006}