.header{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;background:#0d0f14;border-bottom:1px solid #222}.logo{display:flex;align-items:center;gap:12px;color:gold;font-size:1.4rem;font-weight:600}.logo img{height:34px}nav{display:flex;gap:24px}nav a{color:#ccc;text-decoration:none;font-weight:500}nav a:hover{color:#fff}.theme-btn{background:#6b5cff;color:#fff;border:none;border-radius:999px;padding:8px 16px;cursor:pointer}:root{--bg: #0f0f14;--card: #1a1a1f;--text: #ffffff;--muted: #aaaaaa;--border: #2a2a2a;--accent: #5b8cff}.light{--bg: #f5f7fb;--card: #ffffff;--text: #121212;--muted: #555;--border: #ddd;--accent: #4b6cff}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}body{background:var(--bg);color:var(--text);min-height:100vh;display:flex;justify-content:center;align-items:center;transition:background .3s ease,color .3s ease}.swap-container{width:100%;max-width:420px;background:var(--card);border-radius:18px;padding:24px;box-shadow:0 0 40px #00000073}h1{text-align:center;font-size:1.6rem;margin-bottom:1.5rem}.field{margin-bottom:1rem}label{font-size:.85rem;color:var(--muted);margin-bottom:6px;display:block}input,select{width:100%;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:1rem}input:focus,select:focus{outline:none;border-color:var(--accent)}button{width:100%;margin-top:14px;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--accent),#7f5cff);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s ease,opacity .2s ease}button:hover{opacity:.9;transform:translateY(-1px)}button:disabled{background:#333;cursor:not-allowed}.status{margin-top:12px;font-size:.9rem;text-align:center;color:var(--muted)}..swap-container{background:var(--card);box-shadow:0 0 40px #00000040}input,select{background:var(--bg);color:var(--text);border:1px solid var(--border)}label{color:var(--muted)}button{background:linear-gradient(135deg,var(--accent),#7f5cff)}*{transition:background .25s ease,color .25s ease,border-color .25s ease}.page{padding:4rem 2rem;text-align:center;color:var(--text)}.footer{text-align:center;padding:2rem;opacity:.6;font-size:.9rem}.nav a{margin-left:24px;color:#fff;text-decoration:none;font-weight:500}.nav a:hover{color:gold}