*{margin:0;padding:0;box-sizing:border-box}body{background-color:#121212;font-family:Arial,sans-serif;color:#f5faf0;display:flex;flex-direction:column;align-items:center;padding:2rem}.logo{width:300px;margin-bottom:1rem}.main-heading{font-size:2.5rem;color:#fea451;margin-bottom:2rem;text-align:center}.connect-container{display:flex;justify-content:center;margin-bottom:1rem}.account-info{text-align:center;margin-bottom:2rem;font-size:1rem;color:#aaa}.card{background-color:#2a2a2a;padding:2rem;border-radius:12px;border:1px solid #444;margin-bottom:2rem;max-width:700px;width:100%;text-align:center}.card h2{color:#fea451;font-size:2rem;margin-bottom:1.5rem}.vault-item{margin-bottom:1rem}.vault-item h3{color:#bb217b;font-size:1.2rem;margin-bottom:.3rem}.vault-item p{font-size:1.5rem;color:#f5faf0}.user-info{background-color:#333;padding:2rem;border-radius:12px;border:1px solid #444;box-shadow:0 2px 10px #0000004d;text-align:center;margin-bottom:2rem;max-width:700px;width:100%}.user-info h2{color:#fea451;margin-bottom:1rem}.user-info p{margin:.5rem 0;color:#ccc}.input-section{display:flex;flex-direction:column;gap:1rem;max-width:400px;width:100%;margin:0 auto 1.5rem}input{background-color:#1f1f1f;color:#fff;border:1px solid #444;padding:12px;border-radius:8px;font-size:16px}button{padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .2s ease;background-color:#fea451;color:#19191a}button:hover{background-color:#ffc27c;transform:scale(1.03)}button.green{background-color:#22c55e;color:#fff}button.green:hover{background-color:#16a34a}button.red{background-color:#ef4444;color:#fff}button.red:hover{background-color:#dc2626}.button-section{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;max-width:600px;margin:0 auto}.app-container{padding:2rem 1rem;width:100%;max-width:700px;margin:0 auto}.logo{max-width:140px;margin:0 auto 1rem;display:block}.card{background-color:#2a2a2a;padding:2rem;border-radius:16px;border:1px solid #444;box-shadow:0 4px 15px #0000004d;margin-bottom:2rem;text-align:center}.card h2,.user-info h2{font-size:1.8rem;color:#fea451;margin-bottom:1.5rem}.vault-item h3{font-size:1.2rem;color:#bb217b;margin-bottom:.25rem}.vault-item p{font-size:1.3rem;font-weight:700;color:#f5faf0;margin-bottom:1rem}.connect-box{margin-top:2rem}.connect-button{font-size:1rem;padding:12px 24px;background-color:#fea451;color:#000;border-radius:10px;font-weight:700;cursor:pointer;border:none}.connected-address{margin-top:.5rem;font-size:.9rem;color:#ccc}.user-info{background-color:#1f1f1f;border:1px solid #444;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:center}.user-info p{margin:.5rem 0;font-size:1.1rem}.countdown{color:#fea451;font-size:1.2rem;font-weight:700}.input-section input{width:100%;padding:12px;margin-bottom:1rem;border:1px solid #444;background-color:#1f1f1f;color:#fff;border-radius:8px;font-size:1rem}button{width:100%;padding:12px;font-size:1rem;margin-bottom:1rem;border-radius:8px;font-weight:700;cursor:pointer}button.green{background-color:#22c55e}button.red{background-color:#bb217b}button:hover{opacity:.9}@media (max-width: 480px){.card,.user-info{padding:1rem}.vault-item h3,.vault-item p{font-size:1rem}.card h2,.user-info h2{font-size:1.5rem}}
