@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{margin:0}html,body,#root{height:100%}.AppLayout{display:flex;flex-direction:column;min-height:100vh}.AppMain{flex:1 0 auto;min-height:0}footer{flex-shrink:0}:root{--accent: #F3EF52;--dark-bg: #1e1e1e;--light-bg: #ffffff;--accent-dark: #C0B000}body{font-family:Roboto,Helvetica Neue,sans-serif;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}body.light .primary{color:#27292f}body.dark .primary{color:#f3ef52}body.dark{background:var(--dark-bg);color:#fff}body.light{background:#f9f9f9;color:#1e1e1e}h1,h2,h3,h4,h5,h6,p,a,span,div{color:inherit}body.light .header{background-color:#fff;border-bottom:1px solid #ddd}body.light .header .nav a{color:#333}body.light .header .nav a:hover{color:#f3ef52}body.light .connect-wallet{background-color:#27292f;color:#f3ef52}body.light .theme-toggle{color:#27292f}body.light .p2p-market{background-color:#eee;color:#222}body.light .p2p-order{background-color:#fff;color:#1e1e1e}body.light .p2p-order .type{color:#666}body.light .p2p-order .user{color:#555}body.light .filter-buttons button{background-color:#fff;color:#333;border-color:#ccc}body.light .filter-buttons button.active{background-color:#f3ef52;color:#27292f;font-weight:700;border-color:#f3ef52}body.light .hero-glow{background:radial-gradient(circle at 50% 50%,rgba(243,239,82,.65) 0%,transparent 75%);filter:blur(100px);opacity:.55}body{font-family:Roboto,Helvetica Neue,sans-serif;background-color:#27292f;color:#fff;margin:0;padding:0}.p2p-market{width:100%;max-width:1280px;margin:40px auto;padding:24px 32px;border-radius:16px;background:#1f1f23;box-shadow:0 0 16px #0006}.market-header{display:flex;justify-content:space-between;margin-bottom:20px}.create-order-button{background-color:#f3ef52;color:#27292f;font-weight:600;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;transition:background-color .2s ease}.create-order-button:hover{background-color:#e0dc48}.filter-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.filter-buttons{display:flex;gap:12px}.filter-buttons button{background-color:#2e3038;color:#fff;border:1px solid #444;padding:6px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.filter-buttons button:hover{background-color:#383a42}.filter-buttons button.active{background-color:#f3ef52;color:#27292f;font-weight:700;border-color:#f3ef52}.filter-selects{display:flex;gap:12px}.filter-selects select{background-color:#2e3038;color:#fff;border:1px solid #444;padding:6px 12px;border-radius:8px;font-size:14px}.p2p-order-card{background-color:#2e3038;border-left:6px solid transparent;border-radius:12px;padding:16px 20px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 8px #0003;transition:transform .2s ease,background-color .2s ease}.p2p-order-card.buy{border-left-color:#4caf50}.p2p-order-card.sell{border-left-color:#f44336}.p2p-order-card:hover{transform:translateY(-2px);background-color:#383a42}.order-top{display:flex;flex-direction:column;gap:4px}.order-title{display:flex;justify-content:space-between;font-size:16px;font-weight:600;color:#fff}.side-label{text-transform:uppercase;color:#f3ef52}.amount{color:#fff}.order-price{font-size:15px;color:#ccc;padding-left:2px}.order-footer{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#aaa}.seller{font-style:italic}.swap-btn{background-color:#f3ef52;color:#27292f;font-weight:600;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.swap-btn:hover{background-color:#e0dc48}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:90%;max-width:420px;background:#1f1f23;border-radius:16px;padding:24px 28px;box-shadow:0 4px 24px #0006}.modal-title{margin:0 0 8px;font-size:20px;font-weight:700}.modal-sub{margin:0 0 20px;font-size:14px;color:#ccc}.modal-btn-full{width:100%;background:#4caf50;border:none;border-radius:10px;padding:10px 0;font-weight:600;cursor:pointer;margin-bottom:16px}.modal-btn-full:hover{background:#45a047}.modal-input-row{display:flex;gap:10px;margin-bottom:16px}.modal-input{flex:1;background:#2e3038;border:1px solid #444;border-radius:8px;padding:8px 10px;color:#fff}.modal-btn-claim{background:#f3ef52;color:#27292f;border:none;border-radius:8px;padding:0 18px;font-weight:600;cursor:pointer;opacity:1;transition:opacity .2s ease}.modal-btn-claim:disabled{opacity:.4;cursor:default}.modal-btn-claim:not(:disabled):hover{background:#e0dc48}.modal-cancel{display:block;width:100%;background:transparent;border:none;color:#888;font-size:14px;cursor:pointer}.modal-cancel:hover{color:#aaa}.header{display:flex;align-items:center;justify-content:space-between;background-color:#1f1f23;padding:12px 24px;border-bottom:1px solid #333;font-family:Roboto,Helvetica Neue,sans-serif}.logo-img{width:32px;height:32px;margin-right:8px;vertical-align:middle}.header .logo{color:#f3ef52;font-weight:700;font-size:20px}.header .nav{display:flex;gap:32px}.header .nav a{padding:6px 12px;border-radius:6px;font-weight:500;text-decoration:none;color:inherit;transition:background-color .2s ease,color .2s ease;border:1px solid transparent}body.dark .header .nav a:hover{background-color:#f3ef521f;border-color:#f3ef5240;color:#f3ef52}body.light .header .nav a:hover{background-color:#0000000a;border-color:#0000001a;color:#000}.header .right{display:flex;align-items:center;gap:16px}.theme-toggle{background:none;border:none;font-size:18px;cursor:pointer;color:#f3ef52;padding:4px}.connect-wallet{background-color:#f3ef52;color:#27292f;font-weight:700;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;transition:background-color .2s ease}.connect-wallet:hover{background-color:#e0dc48}.wallet-adapter-button{background-color:#f3ef52!important;color:#27292f!important;border:none!important;border-radius:8px!important;cursor:pointer!important;transition:background-color .2s ease!important;font-family:Roboto,Helvetica Neue,sans-serif!important}.wallet-adapter-button:hover{background-color:#e0dc48!important}.burger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0}.burger span{display:block;width:100%;height:3px;background:#f3ef52;transition:transform .25s ease,opacity .25s ease}.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav.drawer{position:fixed;top:0;right:0;width:240px;height:100vh;background:#1f1f23;display:flex;flex-direction:column;padding:80px 24px 24px;gap:24px;transform:translate(100%);transition:transform .3s ease;z-index:999}.nav.drawer a{font-size:1.1rem}.nav.drawer.show{transform:translate(0)}@media (max-width: 767px){.nav.desktop,.right{display:none}.burger{display:flex}}.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;top:0;left:0;bottom:0;right:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width: 480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width: 374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f0f0fcc;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loader-box{text-align:center;color:#f3ef52;font-size:16px;font-weight:700}.loader-img{width:100px;height:100px;margin-bottom:16px}.home .hero{position:relative;padding:96px 24px 120px;text-align:center;overflow:hidden}.home .hero h1{font-size:clamp(2.2rem,6vw,3.5rem);margin:0 0 1rem;font-weight:700}.home .hero p{max-width:600px;margin:0 auto 2.5rem;color:var(--muted, #bbbbbb)}.hero-actions{display:flex;justify-content:center;gap:24px}.btn{display:inline-block;padding:.9rem 2.2rem;border-radius:10px;font-weight:600;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.btn.accent{background:#f3ef52;color:#27292f}.btn.ghost{border:2px solid #F3EF52;color:#f3ef52;background:transparent}.btn.ghost:hover{background:#f3ef52;color:#27292f}.hero-glow{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(243,239,82,.55) 0%,rgba(243,239,82,.15) 45%,transparent 70%);filter:blur(120px);animation:spin 22s linear infinite;z-index:0}@keyframes spin{to{transform:rotate(360deg)}}.hero>*:not(.hero-glow){position:relative;z-index:1}.hiw{padding:72px 24px 96px;text-align:center}.hiw h2{margin-bottom:3.5rem;font-size:2rem}.hiw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.hiw-grid article{background:var(--card-bg, #252525);border-radius:12px;padding:2.2rem 1.4rem;position:relative;overflow:hidden;transform:translateY(25px);opacity:0;animation:rise .6s ease forwards}@keyframes rise{to{opacity:1;transform:translateY(0)}}.hiw-grid .index{font-size:1.8rem;font-weight:700;color:var(--accent)}.stats{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;padding:56px 24px 80px}.stat-card{background:var(--card-bg, #252525);border-radius:12px;padding:2rem 3.2rem;text-align:center;min-width:190px;transition:transform .2s ease}.stat-card:hover{transform:translateY(-6px)}.stat-card h3{font-size:1.9rem;margin:0 0 .4rem}.stat-card p{color:var(--muted, #bbbbbb);margin:0}body.light{--muted: #666;--card-bg: #ffffff}body.dark{--muted: #bbbbbb;--card-bg: #252525}body.light .btn.accent{background:#f3ef52;color:#27292f;box-shadow:0 2px 6px #00000026}body.light .btn.accent:hover{box-shadow:0 4px 12px #0000002e}body.light .btn.ghost{border-color:#27292f;color:#27292f;background:transparent}body.light .btn.ghost:hover{background:#f3ef52;color:#27292f;box-shadow:0 4px 12px #0000002e}.floaties{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.floaties img{pointer-events:auto}.latest{padding:64px 24px 96px}.latest h2{text-align:center;margin-bottom:2rem;font-size:2rem}.latest-list{list-style:none;margin:0 auto;padding:0;max-width:720px;display:flex;flex-direction:column;gap:1rem}.latest-list li{background:var(--card-bg, #252525);border-radius:10px;padding:1rem 1.4rem;transition:transform .15s ease}.latest-list li:hover{transform:translateY(-4px)}.latest-list a{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;text-decoration:none;color:inherit;font-weight:500}.latest-list .pair{opacity:.8}.latest-list .amount{font-weight:700}.latest-list .price{color:var(--muted, #bbbbbb)}.btn.small{padding:.55rem 1.6rem;font-size:.9rem}