body,.landing-page{color:#fff;background-color:#0f0f0f;background-image:url(/BG.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;height:100vh;margin:0;padding:0;font-family:Poppins,sans-serif;display:flex;overflow:hidden auto}.landing-page,.form-container-main,.shared-details-container,.email-mfa-container{box-sizing:border-box;width:100%;max-width:100vw;padding:20px}.landing-page{justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px 0;display:flex}.form-container-main{text-align:center;background-color:#0f0f0f;border-radius:10px;width:100%;max-width:450px;margin:0 auto;padding:40px;box-shadow:0 4px 15px #0003}.logo-image{width:100%;max-width:180px;margin-bottom:40px;margin-left:auto;margin-right:auto;display:block}.form-container h1{color:#e0e0e0;font-size:22px}.form-container p{color:#e0e0e0;margin-bottom:2rem;font-size:1rem}input{color:#000;box-sizing:border-box;background-color:#fff;border:none;border-radius:5px;width:100%;margin:2px 0;padding:12px;font-size:12px}button{color:#181818;cursor:pointer;background-color:#d1f54d;border:none;border-radius:5px;width:100%;padding:12px;font-weight:700;transition:background-color .4s,color .4s}button:hover{color:#000;background-color:#fff}.copy-btn{color:#181818;cursor:pointer;background-color:#d1f54d;border:none;border-radius:5px;width:100%;margin-top:10px;padding:12px;font-weight:700;transition:background-color .4s,color .4s}.copy-btn:hover{color:#000;background-color:#fff}.custom-link{color:#1ec192;margin-bottom:15px;text-decoration:none}.custom-link:hover{color:#3877ac}.share-form{flex-direction:column;align-items:stretch;gap:1rem;width:100%;display:flex}.credential-set{flex-direction:column;gap:.8rem;display:flex}.add-btn,.remove-btn{color:#181818;cursor:pointer;background-color:#d1f54d;border:none;border-radius:5px;align-self:flex-start;width:fit-content;margin-top:10px;padding:12px 16px;transition:background-color .4s,color .4s}.add-btn:hover,.remove-btn:hover{color:#000;background-color:#fff}.share-btn{color:#181818;cursor:pointer;background-color:#d1f54d;border:none;border-radius:8px;width:100%;padding:16px;font-size:1.2rem;transition:background-color .4s,color .4s}.share-btn:hover{color:#000;background-color:#fff}.share-link{color:#fff;text-align:center}.share-link p{margin:0;padding:10px 0;font-size:1rem}.shared-details-container{color:#fff;text-align:center;background-color:#0f0f0f;border-radius:10px;width:500px;max-width:600px;margin:50px auto;padding:50px;box-shadow:0 4px 15px #0003}.shared-details-container h1{color:#e0e0e0;font-size:22px}.credential-set-shared{color:#fff;background-color:#181818;border-radius:8px;margin-bottom:1.5rem;padding:15px}.credential-set-shared h3{color:#fff;font-size:1.3rem}.credential-set-shared p{margin:.5rem 0;font-size:1rem}.session-countdown{color:#fff;text-align:center;margin-top:35px;font-size:1.2rem}.error-message{color:red;text-align:center;font-size:1.2rem}.email-mfa-container{color:#fff;text-align:center;background-color:#0f0f0f;border-radius:10px;width:400px;max-width:400px;padding:50px;box-shadow:0 4px 15px #0003}.email-mfa-container h1{color:#e0e0e0;font-size:22px}.email-mfa-form{flex-direction:column;gap:1rem;display:flex}.email-mfa-form input{color:#000;background-color:#fff;border:none;border-radius:5px;width:100%;margin:2px 0;padding:12px;font-size:12px}.email-mfa-form button{color:#181818;cursor:pointer;background-color:#d1f54d;border:none;border-radius:5px;width:100%;padding:12px;font-size:1.1rem;font-weight:700;transition:background-color .4s,color .4s}.email-mfa-form button:hover{background-color:#fff}.cards-container{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.credential-card{color:#fff;text-align:left;background-color:#181818;border-radius:10px;width:100%;max-width:350px;padding:20px;transition:background-color .4s,color .4s;box-shadow:0 4px 15px #0003}@media (max-width:768px){.credential-card{max-width:280px}}.credential-card:hover{transform:scale(1.05)}.form-container-main h1{color:#e0e0e0;font-size:22px}.form-container-main h2,.form-container-main p{color:#e0e0e0;margin-bottom:1rem;font-size:14px}@media (max-width:768px){.form-container-main{max-width:100%;margin:35px}.shared-details-container,.email-mfa-container{width:350px;padding:15px}.cards-container{flex-direction:column;align-items:center}}.form-container-main{max-height:100vh;overflow-y:auto}.loading-container{justify-content:center;align-items:center;height:100px;display:flex}.loading-spinner{border:4px solid #333;border-top-color:#d1f54d;border-radius:50%;align-self:center;width:30px;height:30px;margin:10px auto 0;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar-container{background-color:#f3f3f3;border-radius:10px;width:100%;height:20px;margin:50px auto;padding:3px}.progress-bar{background-color:#4caf50;border-radius:10px;width:0;height:100%;transition:width .4s}.tile-container{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem;display:flex}.tile{color:#181818;cursor:pointer;text-align:center;background-color:#d1f54d;border:none;border-radius:8px;width:100%;padding:16px 1rem;font-size:1rem;font-weight:700;transition:background-color .4s,color .4s}@media (max-width:768px){.tile-container{flex-direction:column;align-items:center;gap:1rem}.tile{width:80%}}.tile:hover{color:#000;background-color:#fff}.card-display{align-items:center;display:flex}input.error{background-color:#fcc;border:1px solid #d32f2f}.form-group{margin-bottom:16px}.form-row{gap:16px;display:flex}.form-group.half{width:50%}