@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#202720;--muted:#7b817b;--green:#16764c;--light:#eef7f0;--line:#e8ebe7;--bg:#fbfcfa;--red:#ba615c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #72b394;outline-offset:3px}button{border:0;background:none}.header{height:88px;padding:0 4.1%;display:flex;align-items:center;gap:64px;background:#fff;border-bottom:1px solid var(--line)}.brand{font:800 30px 'Manrope',sans-serif;letter-spacing:-1.5px;display:flex;align-items:center}.brand-dot{color:var(--green)}.brand-symbol{display:flex;align-items:center;justify-content:center;background:var(--green);color:white;height:34px;width:34px;border-radius:9px;font:800 35px Georgia;margin-right:10px;position:relative;padding-bottom:4px}.brand-symbol span{font:700 17px sans-serif;position:absolute;right:3px;top:2px}.header nav{display:flex;gap:34px;height:100%;align-items:center}.header nav a{height:100%;display:flex;align-items:center;position:relative;font-size:14px;color:#737a73;font-weight:600}.header nav a.active{color:var(--green)}.header nav a.active:after{content:'';position:absolute;bottom:0;height:3px;background:var(--green);width:100%;border-radius:3px}.header-end{display:flex;align-items:center;gap:19px;margin-left:auto}.balance{display:flex;align-items:center;gap:7px;font-weight:700}.balance-label{font-size:12px;color:var(--muted);font-weight:400}.coin{background:#fff2c4;color:#ad7a19;display:inline-flex;align-items:center;justify-content:center;border:1px solid #edcf76;border-radius:50%;width:20px;height:20px;font-size:13px}.btn{border-radius:8px;padding:13px 20px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:12px}.btn-dark{background:#202e25;color:#fff}.btn-green{background:var(--green);color:#fff}.btn-outline{background:#fff;border:1px solid var(--line)}.small{padding:10px 15px;font-size:12px}.avatar{height:34px;width:34px;border:1px solid #e3e4d9;border-radius:50%;background:#f0f0e6;font-size:11px;font-weight:700}.category-wrap{padding:0 4.1%;height:57px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;background:white}.categories{display:flex;gap:9px;overflow:auto;scrollbar-width:none}.categories button{font-size:12px;white-space:nowrap;padding:8px 13px;border-radius:6px;color:#6b726a}.categories button.active{background:#eaf4ed;color:var(--green);font-weight:650}.categories button span{margin-right:6px}.demo-indicator{margin-left:auto;white-space:nowrap;font-size:11px;color:#8b9188;display:flex;align-items:center;gap:7px}.demo-indicator i,.live i{width:6px;height:6px;background:#48a779;border-radius:50%}main{max-width:1460px;margin:auto;padding:30px 4.1% 50px}.hero{display:grid;grid-template-columns:1.25fr 1fr;background:#edf3e9;border:1px solid #e1eadc;border-radius:14px;min-height:244px;overflow:hidden;position:relative}.hero-copy{padding:32px 38px;z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#55714c;display:flex;align-items:center;gap:8px}.eyebrow span{height:5px;width:5px;background:#68845b;border-radius:50%}h1,h2,h3,p{margin:0}h1{font:750 38px/1.2 'Manrope',sans-serif;letter-spacing:-1.5px;margin:13px 0 10px}h1 em{font-style:normal;color:var(--green)}.hero p{color:#71806c;line-height:1.7;font-size:13px;max-width:400px}.hero-bottom{margin-top:22px;display:flex;align-items:center;gap:19px}.hero-bottom .text-link{font-size:12px;color:#5e7358;display:flex;gap:8px;align-items:center}.hero-visual{position:relative;min-height:244px;overflow:hidden}.hero-visual:before,.hero-visual:after{content:'';position:absolute;border:1px solid #d6e3cd;border-radius:50%;width:400px;height:400px;top:-72px;left:17px}.hero-visual:after{width:280px;height:280px;top:-12px;left:77px}.hero-card{position:absolute;z-index:2;left:35px;top:45px;width:275px;background:#fffefb;border:1px solid #e0e7da;border-radius:12px;padding:17px 19px;transform:rotate(-5deg);box-shadow:0 14px 28px #50674710}.hero-card .micro{font-size:9px;color:#7d8776;letter-spacing:.5px}.hero-card strong{font-size:13px;display:block;margin:9px 0}.mini-rate{display:flex;align-items:center;gap:9px;font:800 29px 'Manrope',sans-serif;color:var(--green)}.mini-rate span{font:500 10px 'DM Sans',sans-serif;color:#819078}.hero-card svg{width:100%;height:43px;display:block}.floating-yes{position:absolute;right:26px;top:51px;z-index:3;background:#d4e9b5;color:#3e672a;transform:rotate(12deg);font-weight:750;padding:11px 18px;border:4px solid #f6faef;border-radius:10px;box-shadow:0 6px 15px #45642910}.floating-coin{position:absolute;z-index:3;bottom:25px;right:75px;width:53px;height:53px;display:grid;place-items:center;background:#f4d884;border:5px solid #ffedb5;border-radius:50%;color:#9c742a;font-size:28px;transform:rotate(20deg);box-shadow:0 9px 14px #67754d20}.hero-note{position:absolute;bottom:16px;left:48px;color:#8d9a80;font-size:9px;z-index:4}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:28px;margin-top:34px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}h2{font:750 23px 'Manrope',sans-serif;letter-spacing:-.8px}.section-heading p{font-size:12px;color:var(--muted);margin-top:5px}.tools{display:flex;gap:8px}.search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:white;border-radius:7px;padding:8px 10px;width:169px;color:#8d938a}.search input{width:100%;border:0;outline:0;background:none;font-size:11px;color:var(--ink)}.search:focus-within{border-color:#82ae8e}.sort{border:1px solid var(--line);border-radius:7px;background:white;padding:8px;font-size:11px;color:#646e60}.market-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:18px}.market-tabs button{padding:0 0 12px;font-size:12px;color:#7a8277;position:relative;display:flex;gap:7px}.market-tabs button.active{color:var(--ink);font-weight:650}.market-tabs button.active:after{content:'';position:absolute;bottom:-1px;height:2px;background:var(--ink);width:100%}.market-tabs .count{font-size:9px;background:#e8eee6;padding:2px 5px;border-radius:4px;color:#7b8875}.markets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.market-card{padding:17px;background:#fff;border:1px solid var(--line);border-radius:11px;transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column;min-height:230px}.market-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #263b2310;border-color:#ccd9c7}.market-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.market-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;font-size:21px;background:var(--icon-bg,#f2f3f0)}.watch{font-size:20px;line-height:1;color:#afb5ab;width:24px;height:28px}.watch.selected{color:#a57a22}.market-question{text-align:left;font-size:13px;font-weight:650;line-height:1.5;padding:0;min-height:39px;margin-bottom:12px}.market-rate{display:flex;align-items:baseline;gap:7px;margin-bottom:13px}.market-rate strong{font:750 28px 'Manrope',sans-serif;letter-spacing:-1px}.market-rate .chance{font-size:10px;color:#8b9286}.change{color:#2a905e;font-size:9px;margin-left:auto}.change.down{color:#ba7671}.trade-actions{display:flex;gap:7px;margin-top:auto}.trade-actions button{flex:1;border-radius:6px;background:#eaf6ed;color:#267b4b;padding:9px 4px;font-size:11px;font-weight:650;display:flex;justify-content:space-around}.trade-actions button.no{background:#faf0ed;color:#ae6c63}.trade-actions button:hover{filter:brightness(.96)}.market-meta{display:flex;justify-content:space-between;margin-top:14px;font-size:9px;color:#93988f}.market-meta span{display:flex;align-items:center;gap:4px}.market-meta .live{color:#6e8f6d}.aside-card{border:1px solid var(--line);border-radius:11px;background:#fff;padding:20px;margin-bottom:17px}.aside-heading{display:flex;justify-content:space-between;align-items:center;font:700 13px 'Manrope',sans-serif;margin-bottom:15px}.aside-heading .text-link{font:500 10px 'DM Sans',sans-serif;color:#85917d}.welcome-card{background:#f1f5eb;border-color:#e5ebdd}.welcome-card .eyebrow{font-size:9px}.wallet-large{font:750 29px 'Manrope',sans-serif;margin:12px 0 4px;letter-spacing:-1px}.wallet-large .coin{vertical-align:middle;margin-left:4px}.aside-copy{color:#829076;font-size:11px;line-height:1.7}.wallet-stats{display:flex;justify-content:space-between;border-top:1px solid #e1e8d9;margin-top:18px;padding-top:13px;font-size:10px;color:#849079}.wallet-stats strong{display:block;font-size:13px;color:#4d6444;margin-top:5px}.reward-row{display:flex;gap:12px;align-items:center;margin-bottom:14px}.reward-icon{height:36px;width:36px;display:grid;place-items:center;border-radius:9px;background:#fcf3dd;font-size:19px}.reward-row strong{display:block;font-size:11px}.reward-row small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.reward-row button{margin-left:auto;font-size:10px;color:var(--green);background:#edf6ec;border-radius:5px;padding:6px 9px}.reward-row:last-child{margin:0}.ad-label{font-size:8px;color:#9a9e94;letter-spacing:.8px;text-transform:uppercase}.activity-item{display:flex;gap:9px;margin:17px 0}.activity-avatar{height:27px;width:27px;flex-shrink:0;border-radius:50%;background:#f0eee8;display:grid;place-items:center;font-size:9px;color:#9d8764}.activity-item p{font-size:10px;color:#7a8274;line-height:1.6}.activity-item b{color:#46503e;font-weight:600}.activity-item time{display:block;font-size:9px;color:#a0a59a;margin-top:3px}.small-banner{display:flex;gap:10px;align-items:flex-start;padding:15px 0;font-size:10px;color:#8e9588;line-height:1.7}.small-banner span{font-size:17px}.load-more{text-align:center;margin-top:22px}.load-more button{font-size:11px;color:#7c8774;border:1px solid var(--line);background:white;border-radius:7px;padding:10px 20px}.popular-topics{margin-top:28px;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:10px;color:#8c9585}.topic{background:#f0f3ee;border:1px solid #e8ece4;border-radius:5px;padding:6px 10px;color:#6e7c63}footer{max-width:1460px;margin:auto;padding:24px 4.1%;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;font-size:10px;color:#9a9f94}.footer-brand{font:750 20px 'Manrope',sans-serif;color:#a1ad9a;letter-spacing:-1px}footer>div{display:flex;gap:18px;margin-left:auto}footer button{font-size:10px;color:#818b79;padding:0}.page-head{margin:8px 0 28px}.page-head h1{font-size:32px}.page-head p{color:var(--muted);font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0 30px}.stat-card{border:1px solid var(--line);border-radius:12px;background:white;padding:23px}.stat-card p{color:var(--muted);font-size:11px}.stat-card strong{display:block;font:750 28px 'Manrope',sans-serif;margin-top:10px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;font-weight:500;color:#8c9586;background:#fafbf8;padding:16px 22px}td{padding:20px 22px;border-top:1px solid var(--line);font-size:12px}td .green{color:var(--green)}.empty{text-align:center;padding:65px 20px;border:1px dashed #dce5d7;border-radius:12px;background:#f7faf4;grid-column:1/-1}.empty .empty-icon{font-size:35px;margin-bottom:15px;display:block}.empty h3{font:700 18px 'Manrope',sans-serif}.empty p{color:var(--muted);margin:10px 0 20px;font-size:12px}.section-space{margin-top:32px}.rank-cell{font-size:18px;color:#a6af9d;font-weight:700}.player-cell{display:flex;align-items:center;gap:12px}.player-cell .avatar{display:grid;place-items:center}.info-strip{border-radius:9px;background:#edf5e9;padding:15px 20px;color:#67805c;font-size:12px;margin:20px 0}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.shop-card{background:white;border:1px solid var(--line);border-radius:14px;padding:30px;position:relative}.shop-card.featured{border:2px solid #70a46b;background:#f8fbf5}.shop-card .pack-coins{font-size:38px;margin:18px 0}.shop-card h3{font:750 25px 'Manrope',sans-serif}.shop-card p{margin:8px 0 25px;color:#909786;font-size:12px}.shop-card .btn{width:100%}.pack-badge{position:absolute;top:-12px;left:24px;padding:5px 12px;border-radius:5px;background:#5b8854;color:white;font-size:10px}.full{width:100%}.muted{color:var(--muted)}.green{color:var(--green)}.text-link{color:var(--green);font-size:12px}.badge{font-size:10px;background:#edf4e8;color:#6d885c;border-radius:5px;padding:5px 8px}.page-toolbar{display:flex;gap:8px}.page-toolbar button{padding:8px 14px;border:1px solid var(--line);background:#fff;border-radius:6px;font-size:11px}.page-toolbar button.active{background:#eaf4e6;color:var(--green);border-color:#d8e8d1}dialog{border:1px solid #e3e9de;border-radius:17px;padding:0;width:min(760px,94vw);max-height:90vh;color:var(--ink);box-shadow:0 20px 80px #17211735}dialog::backdrop{background:#12201770;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:17px;letter-spacing:-.3px}.close{font-size:22px;color:#8b9387;width:28px;height:28px}.modal-body{padding:25px}.detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.detail-title{font:750 23px/1.4 'Manrope',sans-serif;margin:17px 0}.detail-rate{font:750 40px 'Manrope',sans-serif}.detail-rate small{font:400 11px 'DM Sans',sans-serif;color:#899580}.chart{height:145px;margin-top:20px;width:100%}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#8c9685;margin-bottom:22px}.order-box{background:#f5f8f1;border:1px solid #e4ebdf;border-radius:10px;padding:18px}.order-side{display:flex;gap:8px;margin:0 0 20px}.order-side button{flex:1;border-radius:6px;padding:10px;background:#fff;border:1px solid var(--line);font-size:12px}.order-side .active{background:#e2f2e3;border-color:#5a9b62;color:#26754c}.order-side .active.no{background:#f7e7e3;border-color:#c48c82;color:#a26256}.field-label{display:flex;justify-content:space-between;font-size:10px;color:#819074;margin-bottom:8px}.input-wrap{display:flex;align-items:center;border:1px solid #dae4d3;background:#fff;border-radius:7px;padding:12px}.input-wrap input{width:100%;border:0;outline:0;min-width:0;background:none;font-size:20px;font-weight:650}.presets{display:flex;gap:6px;margin-top:8px}.presets button{border:1px solid #dfe7d8;border-radius:4px;padding:5px;font-size:9px;flex:1;background:#fff}.order-summary{margin:20px 0}.order-summary p{display:flex;justify-content:space-between;font-size:10px;color:#849079;margin:12px 0}.order-summary strong{color:#556d48;font-size:11px}.order-disclaimer{font-size:9px;line-height:1.7;color:#929b8b;text-align:center;margin:12px 0 0}.error{font-size:11px;color:#b3544a;margin-top:10px;min-height:14px}.detail-rules{margin-top:23px;border-top:1px solid var(--line);padding-top:18px}.detail-rules h3{font-size:11px;margin-bottom:9px}.detail-rules p{font-size:11px;line-height:1.8;color:#8a9481}.prose p{font-size:13px;color:#7c8775;line-height:1.9;margin:12px 0}.prose h3{font:700 17px 'Manrope',sans-serif;margin-top:22px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:14px 0}.step{background:#f3f7ee;border-radius:10px;padding:17px}.step>span{color:var(--green);font:700 24px 'Manrope',sans-serif}.step h3{font-size:12px;margin-top:14px}.step p{font-size:11px}.ad-demo{text-align:center;border:1px solid var(--line);padding:45px 20px;background:#f1f4eb;border-radius:12px}.ad-demo h3{font:750 27px 'Manrope',sans-serif;margin:20px 0 12px}.progress{height:5px;border-radius:4px;background:#dfe8d7;margin:25px 0;overflow:hidden}.progress span{display:block;background:var(--green);height:100%;transition:width 1s linear}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.profile-grid label{font-size:11px;color:#7e8976;display:grid;gap:8px}.profile-grid input,.profile-grid select{padding:12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);min-width:0}.profile-grid .wide{grid-column:1/-1}.check-label{display:flex!important;align-items:center;gap:10px!important;line-height:1.6}.settings-note{font-size:10px;color:#98a08f;margin-top:15px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#253c2a;color:white;border:1px solid #426e48;padding:14px 22px;border-radius:10px;box-shadow:0 8px 25px #263f251f;font-size:12px;z-index:20;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.ledger{max-height:350px;overflow:auto}.ledger-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;gap:15px}.ledger-row small{display:block;font-size:9px;color:#9aa38f;margin-top:5px}@media(min-width:1500px){.hero-visual{max-width:430px;margin-left:auto;width:100%}.hero{min-height:255px}.hero-copy{padding:36px 40px}}@media(max-width:1150px){.header{gap:35px}.header nav{gap:22px}.content-layout{grid-template-columns:minmax(0,1fr) 235px;gap:20px}.markets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-visual{transform:translateX(20px)}.floating-yes{right:12px}.section-heading{align-items:flex-start}.tools{flex-direction:column}.sort{padding:6px}.search{width:145px}.hero-copy{padding:30px}.hero h1{font-size:33px}.demo-indicator{display:none}}@media(max-width:800px){.header{height:73px;padding:0 5%;gap:25px}.brand{font-size:25px}.brand-symbol{height:29px;width:29px;font-size:29px}.header nav{gap:17px}.header nav a{font-size:12px}.header-end{gap:10px}.balance-label,.header-end .avatar{display:none}.balance{font-size:12px}.header .small{padding:8px 10px;font-size:10px}.category-wrap{padding:0 4%;height:52px}.content-layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px}.aside-card{margin:0}.sidebar>.aside-card:nth-child(3),.small-banner{display:none}.hero{grid-template-columns:1.3fr 1fr;min-height:240px}.hero-visual{transform:scale(.85);transform-origin:left center;width:340px;margin-left:-30px}.hero-copy{padding:26px}.hero h1{font-size:30px}.hero p{font-size:12px}.hero-bottom{gap:12px}.hero-bottom .btn{font-size:11px;padding:11px 14px}.hero-bottom .text-link{font-size:10px}.tools{flex-direction:row}.search{width:170px}.market-card{min-height:240px}.market-question{font-size:14px}.stats-grid{grid-template-columns:1fr 1fr}.shop-card{padding:20px}.shop-card h3{font-size:21px}footer>span{display:none}}@media(max-width:560px){.header{flex-wrap:wrap;height:108px;gap:0;align-content:center;row-gap:12px}.header nav{order:3;height:28px;width:100%;justify-content:center;gap:36px}.header nav a{height:28px}.header nav a.active:after{bottom:-9px}.header-end{gap:10px}.brand{font-size:24px}.header-end .balance{font-size:11px}.category-wrap{height:51px;padding:0 3%}.categories{gap:1px}.categories button{padding:8px 10px;font-size:11px}main{padding:20px 4% 30px}.hero{display:block;min-height:235px}.hero-copy{padding:25px 22px;max-width:100%}.hero h1{font-size:32px;max-width:270px}.hero p{max-width:245px;font-size:11px}.hero-visual{display:none}.hero-bottom{margin-top:21px}.hero-bottom .btn{padding:11px 16px}.eyebrow{font-size:8px}.content-layout{margin-top:27px}.section-heading{align-items:center;margin-bottom:19px}.section-heading h2{font-size:22px}.section-heading p{font-size:10px}.tools{flex-direction:column;gap:5px}.search{width:138px;padding:7px}.sort{padding:5px;font-size:10px}.market-tabs{gap:25px}.market-tabs button{font-size:11px}.markets-grid{gap:10px}.market-card{padding:12px;min-height:231px}.market-icon{width:32px;height:32px;font-size:19px}.market-question{font-size:12px;min-height:54px;margin-bottom:9px}.market-top{margin-bottom:9px}.market-rate strong{font-size:24px}.market-rate .chance{font-size:9px}.change{font-size:8px}.trade-actions button{font-size:10px;padding:9px 3px}.market-meta{font-size:8px;gap:3px}.sidebar{grid-template-columns:1fr}.sidebar .aside-card:nth-child(2){display:none}.popular-topics{font-size:9px}.topic{padding:6px;font-size:9px}footer{padding:20px 5%;gap:10px}.footer-brand{font-size:17px}footer>div{gap:15px}footer>div>span{display:none}.detail-grid{grid-template-columns:1fr}.detail-title{font-size:21px}.chart{height:105px}.modal-body{padding:19px}.modal-head{padding:19px}.detail-rate{font-size:32px}.detail-rules{margin-top:15px}.steps{grid-template-columns:1fr}.step{display:block;padding:13px}.step h3{margin-top:5px}.stats-grid{gap:10px}.stat-card{padding:18px}.stat-card strong{font-size:24px}.shop-grid{grid-template-columns:1fr;gap:25px}.shop-card{padding:23px}.shop-card .pack-coins{margin:10px 0}.page-head h1{font-size:28px}.profile-grid{grid-template-columns:1fr}.profile-grid .wide{grid-column:auto}.page-toolbar{flex-wrap:wrap}.hero-note{display:none}}
