:root{--primary: #5546FF;--primary-dark: #4035CC;--primary-light: #7B6FFF;--secondary: #1C1C28;--background: #0D0D14;--surface: #16161F;--surface-light: #1F1F2C;--text: #FFFFFF;--text-muted: #8A8AA3;--success: #00C853;--warning: #FFB300;--error: #FF5252;--border: rgba(255, 255, 255, .1);--glass: rgba(255, 255, 255, .05);--gradient-primary: linear-gradient(135deg, #5546FF 0%, #7B6FFF 100%);--gradient-dark: linear-gradient(180deg, #16161F 0%, #0D0D14 100%);--shadow: 0 8px 32px rgba(0, 0, 0, .4);--radius: 16px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--background);color:var(--text);min-height:100vh;line-height:1.6}.app-container{max-width:1200px;margin:0 auto;padding:0 20px}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:12px}.logo h1{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-controls{display:flex;align-items:center;gap:16px}.network-switcher{display:flex;align-items:center;gap:12px}.network-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600}.network-indicator.mainnet{background:#00c85326;color:var(--success);border:1px solid rgba(0,200,83,.3)}.network-indicator.testnet{background:#ffb30026;color:var(--warning);border:1px solid rgba(255,179,0,.3)}.network-select{padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;cursor:pointer;transition:all .2s ease}.network-select:hover{border-color:var(--primary)}.network-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5546ff33}.network-select option{background:var(--surface);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #5546ff66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #5546ff80}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-light);border-color:var(--primary)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{filter:brightness(1.1)}.full-width{width:100%}.wallet-info{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin:20px 0}.info-card{display:flex;flex-direction:column;gap:4px}.label{font-size:.85rem;color:var(--text-muted)}.address{font-family:Fira Code,monospace;font-size:.9rem;color:var(--primary-light);word-break:break-all}.tx-display{margin-top:16px;padding:12px;background:var(--glass);border-radius:var(--radius-sm)}.tx-display a{color:var(--primary-light);text-decoration:none}.tx-display a:hover{text-decoration:underline}.hero{text-align:center;padding:60px 20px}.hero h2{font-size:2.5rem;margin-bottom:16px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:var(--text-muted);font-size:1.2rem}.actions-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;padding:20px 0}.action-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .3s ease}.action-card:hover{border-color:var(--primary);box-shadow:0 0 30px #5546ff26}.card-header{background:var(--glass);padding:16px 20px;border-bottom:1px solid var(--border)}.card-header h3{font-size:1.1rem;font-weight:600}.card-body{padding:20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:8px}.input{width:100%;padding:12px 16px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;transition:all .2s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5546ff33}.input::placeholder{color:var(--text-muted)}.textarea{min-height:100px;resize:vertical}.button-group{display:flex;gap:12px;flex-wrap:wrap}.button-group .btn{flex:1;min-width:100px}.result-display{margin-top:16px;padding:12px;background:var(--glass);border-radius:var(--radius-sm);font-family:Fira Code,monospace;font-size:.9rem;color:var(--success)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:40px 0}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 8px 32px #5546ff33}.feature-icon{font-size:3rem;margin-bottom:16px}.feature-card h3{font-size:1.2rem;margin-bottom:8px}.feature-card p{color:var(--text-muted);font-size:.95rem}.footer{padding:40px 0;text-align:center;border-top:1px solid var(--border);margin-top:40px}.footer p{color:var(--text-muted);margin-bottom:8px}.footer a{color:var(--primary-light);text-decoration:none}.footer a:hover{text-decoration:underline}.footer-links{display:flex;justify-content:center;gap:16px;margin-top:8px}.footer-links span{color:var(--border)}@media (max-width: 768px){.header{flex-direction:column;gap:16px}.hero h2{font-size:1.8rem}.actions-section{grid-template-columns:1fr}.button-group{flex-direction:column}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%,to{box-shadow:0 0 20px #5546ff4d}50%{box-shadow:0 0 40px #5546ff99}}.loading{animation:pulse 1.5s infinite}.btn-primary:active{animation:glow .5s ease-out}
