body{color:#e2e8f0;background:#020617;margin:0;font-family:Inter,system-ui,Arial}main{max-width:1200px;margin:auto;padding:32px}.hero{grid-template-columns:1.4fr .6fr;gap:24px;margin-bottom:24px;display:grid}h1{margin:15px 0;font-size:48px}.card{background:#0f172a;border:1px solid #1e293b;border-radius:24px;padding:24px}.pill{color:#fde68a;background:#f59e0b33;border-radius:999px;padding:8px 14px;display:inline-block}.green{color:#a7f3d0;background:#10b98133}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{color:#020617;cursor:pointer;background:#f59e0b;border:0;border-radius:16px;align-items:center;gap:8px;padding:12px 16px;font-weight:700;text-decoration:none;display:inline-flex}.dark{border:1px solid #334155;color:#e2e8f0!important;background:#111827!important}.grid{grid-template-columns:330px 1fr;gap:24px;display:grid}select,input,textarea{box-sizing:border-box;color:#e2e8f0;background:#020617;border:1px solid #334155;border-radius:12px;width:100%;padding:10px}textarea{min-height:180px;font-family:monospace}.rate{background:#020617;border-radius:12px;justify-content:space-between;gap:12px;margin:8px 0;padding:10px;display:flex}.rate input{text-align:right;width:80px}.copy{margin:12px 0}.table{border:1px solid #1e293b;border-radius:16px;overflow:hidden}.tr{border-top:1px solid #1e293b;grid-template-columns:2fr .8fr 1fr .6fr 1fr;gap:10px;padding:12px;display:grid}.head{color:#94a3b8;background:#1e293b;border-top:0;font-weight:700}.tr small{color:#64748b;display:block}.error{color:#fecaca}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}svg{width:18px;height:18px}@media (width<=800px){.hero,.grid{grid-template-columns:1fr}h1{font-size:36px}}