:root{--primary-glow: #00f2ff;--primary-glow-transparent: rgba(0, 242, 255, .1);--secondary-glow: #ff00c1;--background-dark: #00050a;--text-primary: #e6f9ff;--text-secondary: #a8b2d1;--border-color: rgba(0, 242, 255, .3);--container-bg: rgba(10, 25, 47, .85);--font-main: "Orbitron", sans-serif}body{font-family:var(--font-main);background-color:var(--background-dark);color:var(--text-primary);display:flex;justify-content:center;align-items:center;height:100vh;margin:0;overflow:hidden}#background-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.container{background:var(--container-bg);padding:2rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 0 20px #00f2ff33,0 0 40px #00f2ff1a;width:100%;max-width:520px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}h1{color:var(--primary-glow);margin-bottom:1.5rem;text-shadow:0 0 10px var(--primary-glow),0 0 20px var(--primary-glow);font-weight:700;letter-spacing:2px}.wallet-info{background:var(--primary-glow-transparent);color:var(--primary-glow);padding:.75rem;border-radius:6px;margin-bottom:1.5rem;font-size:.8rem;word-wrap:break-word;border:1px solid var(--border-color);text-shadow:0 0 5px var(--primary-glow)}.wallet-info strong{font-weight:700;color:var(--text-primary)}button{background-color:transparent;color:var(--primary-glow);border:2px solid var(--primary-glow);padding:.75rem 1.5rem;border-radius:8px;font-family:var(--font-main);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px var(--primary-glow-transparent),inset 0 0 10px var(--primary-glow-transparent)}button:hover{background-color:var(--primary-glow);color:var(--background-dark);box-shadow:0 0 20px var(--primary-glow),0 0 30px var(--primary-glow)}button:disabled{border-color:#555;color:#555;cursor:not-allowed;box-shadow:none}button:disabled:hover{background-color:transparent;box-shadow:none}.navigation{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.navigation button{width:auto;margin-bottom:0}.view-container{margin-top:2rem}.card-list{list-style:none;padding:0;margin-top:1.5rem;text-align:left}.card-item{background:var(--primary-glow-transparent);border:1px solid var(--border-color);border-radius:8px;padding:1rem 1.5rem;margin-bottom:1rem;font-size:1.1rem;color:var(--text-primary);box-shadow:0 0 5px var(--primary-glow-transparent);cursor:pointer;transition:all .2s ease-in-out}.card-item:hover{background-color:var(--primary-glow-transparent);border-color:var(--primary-glow);transform:translateY(-2px);box-shadow:0 0 15px var(--primary-glow-transparent)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:transparent;padding:0;border-radius:0;box-shadow:none;position:relative;text-align:center;perspective:1500px}.modal-close{position:absolute;top:-40px;right:-40px;font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 0 10px var(--primary-glow);background:none;border:none;cursor:pointer;width:auto;margin:0;padding:0;transition:color .3s}.modal-close:hover{color:var(--primary-glow);background:none}.card-3d-wrapper{width:300px;height:420px;position:relative}.card-3d{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .1s linear;border-radius:20px;box-shadow:0 0 40px #00f2ff80,0 0 80px #ff00c180;border:2px solid var(--primary-glow)}.card-3d-image{width:100%;height:100%;object-fit:cover;border-radius:18px}.card-3d-glare{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;background:radial-gradient(circle at 50% 50%,#ffffff4d,#fff0 70%);opacity:0;transition:opacity .2s ease-in-out;mix-blend-mode:overlay}.message{margin-top:1.5rem;padding:1rem;border-radius:8px;word-wrap:break-word;font-size:.9rem;border:1px solid}.message.success{background-color:#1665344d;color:#86efac;border-color:#22c55e;text-shadow:0 0 5px #22c55e}.message.error{background-color:#991b1b4d;color:#fca5a5;border-color:#ef4444;text-shadow:0 0 5px #ef4444}@media (max-width: 768px){.container{padding:1.5rem 1rem;margin:1rem;width:95%;max-width:95%}h1{font-size:1.5rem}.wallet-info{font-size:.7rem}button{font-size:.9rem;padding:.6rem 1.2rem}.navigation{flex-direction:column;gap:.5rem}.card-item{font-size:1rem;padding:.8rem 1.2rem}.card-3d-wrapper{width:240px;height:336px}.modal-close{top:-35px;right:0;font-size:2rem}}