*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background:var(--bg);color:var(--text);line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}:root,[data-theme=light]{--bg: #f0f6fc;--bg-secondary: #ffffff;--bg-hero: linear-gradient(180deg, #f0f6fc 0%, #e8f4fd 50%, #d0e8f7 100%);--surface: #ffffff;--surface-2: #f5f8fa;--text: #0f1419;--text-muted: #536471;--muted: #536471;--blue: #1d9bf0;--accent: #5865f2;--card-bg: #ffffff;--card-border: rgba(88, 101, 242, .3);--border: rgba(0, 0, 0, .1);--hover-bg: rgba(0, 0, 0, .05);--shadow: 0 4px 12px rgba(0, 0, 0, .08);--success: #00ba7c;--success-muted: rgba(0, 186, 124, .15);--error: #f4212e;--error-muted: rgba(244, 33, 46, .15)}[data-theme=dark]{--bg: #030810;--bg-secondary: #0a1628;--bg-hero: linear-gradient(180deg, #030810 0%, #071020 50%, #0a1628 100%);--surface: #0d1526;--surface-2: #141e30;--text: #e7e9ea;--text-muted: #71767b;--muted: #71767b;--blue: #1d9bf0;--accent: #5865f2;--card-bg: rgba(10, 18, 32, .9);--card-border: rgba(88, 101, 242, .4);--border: rgba(255, 255, 255, .1);--hover-bg: rgba(255, 255, 255, .05);--shadow: 0 4px 12px rgba(0, 0, 0, .4);--success: #00ba7c;--success-muted: rgba(0, 186, 124, .2);--error: #f4212e;--error-muted: rgba(244, 33, 46, .2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 6px 20px #5865f259}.btn-secondary{background:var(--card-bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--text)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-error{background:var(--error);color:#fff}.btn-error:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none;box-shadow:none;filter:none}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow)}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page{min-height:100vh;background:var(--bg-hero);color:var(--text)}.nav{position:relative;z-index:100;max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.brandLogo{height:44px;width:auto;max-width:none;border-radius:8px}.brandName{height:34px;width:auto;max-width:none}.brandName-light{display:none}[data-theme=dark] .brandName-light{display:block}[data-theme=dark] .brandName-dark{display:none}.navLinks{display:inline-flex;gap:12px;align-items:center}.page main{max-width:1200px;margin:0 auto;padding:0 24px 60px}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:32px;font-size:14px;color:var(--muted)}.breadcrumb a{color:var(--blue);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .separator{opacity:.5}.breadcrumb .current{color:var(--text);font-weight:500}.hero{text-align:center;max-width:600px;margin:0 auto}.hero h1{font-size:48px;font-weight:800;margin:0 0 16px;color:var(--text)}.hero p{font-size:18px;color:var(--muted);margin:0 0 32px;line-height:1.6}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--border);border-radius:50%;cursor:pointer;color:var(--muted);transition:all .2s ease}.theme-toggle:hover{background:var(--hover-bg);color:var(--text);border-color:var(--text)}.wallet-btn.connected{background:var(--success)}.wallet-btn.linked{background:var(--blue)}.wallet-btn.linking{opacity:.7;cursor:wait}.wallet-address{font-family:monospace;font-size:14px}.market-status-badge{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.market-status-badge.open,.market-status-badge.active{background:#00ba7c26;color:var(--success)}.market-status-badge.closed{background:#f4212e26;color:var(--error)}.market-status-badge.settled{background:#71767b26;color:var(--muted)}.price-option-btn{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;border:2px solid transparent}.price-option-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.price-option-btn.yes:hover,.price-option-btn.yes.selected{border-color:var(--success);background:#00ba7c1a}.price-option-btn.no:hover,.price-option-btn.no.selected{border-color:var(--error);background:#f4212e1a}.price-option-btn.yes.selected,.price-option-btn.no.selected{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media(max-width:700px){.page main{padding:0 16px 40px}.nav{padding:12px 16px}.brandName{display:none!important}.navLinks{gap:8px}.hero h1{font-size:32px}.market-header{flex-direction:column!important;gap:12px!important}.market-title{font-size:22px!important}.market-grid{grid-template-columns:1fr!important}.price-row{flex-direction:column!important;gap:12px!important}.price-value{font-size:28px!important}}