*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;margin-bottom:30px;color:#fff}.header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header p{font-size:1.2rem;opacity:.9}.card{background:#fff;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.card h2{color:#2c3e50;margin-bottom:20px;font-size:1.5rem;border-bottom:2px solid #3498db;padding-bottom:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:8px;color:#2c3e50}.form-group input,.form-group select{padding:12px;border:2px solid #e1e8ed;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group input:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.help-text{font-size:.85rem;color:#6c757d;margin-top:5px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#1f5f8b);transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.btn-primary:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d;transform:translateY(-2px)}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b;transform:translateY(-2px)}.loading{display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:15px;border-radius:8px;margin-bottom:20px;font-weight:500}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-info{background:#cce7ff;color:#004085;border:1px solid #b3d7ff}.status-ready{color:#28a745;font-weight:600}.status-processing{color:#ffc107;font-weight:600}.status-success{color:#28a745;font-weight:600}.status-error{color:#dc3545;font-weight:600}.result-card{border-left:4px solid #28a745}.result-header{display:flex;align-items:center;margin-bottom:15px}.result-icon{font-size:2rem;margin-right:15px}.result-title{margin:0;font-size:1.5rem}.result-success{color:#28a745}.result-error{color:#dc3545}.result-message{font-size:1.1rem;margin-bottom:15px;color:#495057}.result-tx-hash{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:15px;font-family:Courier New,monospace}.tx-link{color:#3498db;text-decoration:none;word-break:break-all}.tx-link:hover{text-decoration:underline}.result-timestamp{color:#6c757d;font-size:.9rem;margin-bottom:15px}.logs-container{max-height:300px;overflow-y:auto;background:#f8f9fa;border-radius:8px;padding:15px}.log-entry{padding:8px 0;border-bottom:1px solid #e9ecef}.log-entry:last-child{border-bottom:none}.log-timestamp{font-size:.8rem;color:#6c757d;margin-bottom:4px}.log-message{font-size:.9rem}.log-address{font-family:Courier New,monospace;background:#e9ecef;padding:2px 6px;border-radius:4px;font-size:.8rem;margin-left:8px}.log-tx{color:#3498db;text-decoration:none;font-size:.8rem;margin-left:8px}.log-tx:hover{text-decoration:underline}.log-info .log-message{color:#17a2b8}.log-success .log-message{color:#28a745}.log-error .log-message{color:#dc3545}.log-warning .log-message{color:#ffc107}.token-row{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:15px;border:1px solid #e9ecef}.token-row hr{border:none;height:1px;background:#dee2e6;margin:15px 0 0}.commission-notice{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #ffc107}.commission-notice h2{color:#856404;border-bottom-color:#ffc107}.commission-notice p{color:#856404;margin-bottom:10px}.commission-notice strong{color:#533f03}.footer{margin-top:auto;padding:30px 0;text-align:center}.footer-content{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.2)}.footer-content p{color:#fff;margin-bottom:15px;font-size:1.1rem}.telegram-link{display:inline-flex;align-items:center;background:#08c;color:#fff;padding:12px 20px;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #0088cc4d}.telegram-link:hover{background:#069;transform:translateY(-2px);box-shadow:0 6px 20px #08c6}.telegram-icon{width:24px;height:24px;margin-right:8px}@media (max-width: 768px){.container{padding:15px}.header h1{font-size:2rem}.header p{font-size:1rem}.form-row{grid-template-columns:1fr;gap:15px}.card{padding:20px}.result-header{flex-direction:column;text-align:center}.result-icon{margin-right:0;margin-bottom:10px}}