main{display:flex;justify-content:center;align-items:center;padding:20px;margin:20px auto;background-color:#f0f4f8;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:black}.cred-container{background-color:#ffffff;padding:30px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);text-align:center;width:90%;max-width:550px;transition:transform .3s ease}.cred-container:hover{transform:translateY(-5px)}button{background-color:#007BFF;color:white;border:none;padding:10px 20px;margin:10px 5px;border-radius:6px;cursor:pointer;transition:background-color .3s ease;font-weight:700}button:hover{background-color:#0056b3}.active-creds{background-color:#e9f7ef;color:#155724;border:1px solid #c3e6cb;padding:15px;border-radius:8px;margin-top:20px;text-align:left;transition:all .3s ease-in-out}.active-creds ul{list-style:none;padding:0}.active-creds li{background-color:#f8f9fa;padding:12px;margin-bottom:10px;border:1px solid #dee2e6;border-radius:6px;gap:5px}.active-creds li,.cred-set{display:flex;flex-direction:column}.cred-set{background-color:#f1f8ff;padding:20px;border-radius:10px;gap:12px;margin-top:20px}.cred-set label{font-weight:700;color:#333;text-align:left}.cred-set input{padding:10px;border-radius:6px;border:1px solid #ccc;outline:none;transition:border-color .3s}.cred-set input:focus{border-color:#007BFF;box-shadow:0 0 5px rgba(0,123,255,.5)}.reset-box{background-color:#fffbeb;padding:15px;border-radius:8px;border:1px solid #ffeeba;margin-top:10px;text-align:center}.reset-box input{padding:8px;width:100%;margin-bottom:10px;border:1px solid #f8c102;border-radius:6px}.reset-box button{background-color:#ffa502}.reset-box button:hover{background-color:#e67e22}#successMessage{color:green;font-weight:700;margin-top:10px;transition:opacity .5s}@media (max-width:768px){main{padding:15px}h2,h3{font-size:1rem}.info-section p,.info-section ul{font-size:.8rem}.info .cred-container{width:90%;height:50%;padding:20px}.active-creds{width:70%}.cred-set h3{font-size:.9rem}.cred-set{width:70%;padding:15px}button{padding:8px 15px}.reset-box{padding:12px}.active-creds li{font-size:14px}}@media (max-width:600px){.cred-container{width:100%;padding:15px}.cred-set{padding:12px}button{padding:6px 12px}.reset-box input{padding:6px}.reset-box button{padding:8px}}