*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/bg.png);background-size:cover;background-position:center;background-attachment:fixed;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.3);position:relative}.wallet-button-container{position:absolute;top:20px;left:20px;z-index:10}.title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.cards-container{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;max-width:1200px}.card{background:rgba(255,255,255,.95);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);min-width:350px;max-width:400px}.card-title{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;color:#555;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;width:100%}.btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.btn-success{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;flex:1}.btn-success:hover{background:linear-gradient(135deg,#1e7e34,#155724);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.btn-warning{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;flex:1}.btn-warning:hover{background:linear-gradient(135deg,#e0a800,#d39e00);transform:translateY(-2px);box-shadow:0 4px 12px #ffc1074d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.button-group{display:flex;gap:1rem}.status-message{margin-top:1rem;padding:.75rem;border-radius:8px;font-weight:500;text-align:center}.status-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.wallet-info{background:rgba(255,255,255,.9);border-radius:12px;padding:1rem;text-align:center;box-shadow:0 4px 16px #0000001a;max-width:300px}.wallet-address{font-family:Courier New,monospace;font-size:.9rem;color:#666;word-break:break-all}.network-status{font-size:.8rem;color:#28a745;margin-top:.25rem}@media (max-width: 768px){.cards-container{flex-direction:column;align-items:center}.card{min-width:300px;max-width:350px}.title{font-size:2rem}}.content-transition-enter{opacity:0;transform:translateY(8px)}.content-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .2s ease-out,transform .2s ease-out}.content-transition-exit{opacity:1;transform:translateY(0)}.content-transition-exit-active{opacity:0;transform:translateY(-8px);transition:opacity .15s ease-in,transform .15s ease-in}button{transition:all .15s ease-out!important;will-change:transform,opacity,background-color}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}.component-mount{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.interactive-element{contain:layout style;will-change:transform}@keyframes pulse{0%{opacity:.7}50%{opacity:.4}to{opacity:.7}}.loading-placeholder{opacity:.7;animation:pulse 1.5s ease-in-out infinite}