:root{
  --navy:#061126;
  --navy2:#081832;
  --navy3:#0c2142;
  --line:#233d67;
  --text:#ffffff;
  --muted:#9fb0ca;
  --blue:#157efb;
  --yellow:#ffdb1c;
  --purple:#8544ff;
  --red:#ff4567;
  --green:#20cc80;
  --orange:#ff7c2e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
.hidden{display:none!important}
.desktop-only{display:initial}

/* HEADER */
.site-header{position:sticky;top:0;z-index:40;background:#061126;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 8px 28px rgba(0,0,0,.18)}
.header-inner{height:76px;max-width:1510px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:24px}
.portal-logo-link{flex:0 0 auto}
.portal-logo{width:228px;height:50px;object-fit:contain}
.desktop-nav{margin:auto;display:flex;align-items:center;gap:27px;color:#d6deeb;font-size:.79rem;font-weight:600}
.desktop-nav a{height:76px;display:flex;align-items:center;border-bottom:2px solid transparent}
.desktop-nav a:hover,.desktop-nav a.active{color:white;border-color:#1487ff}
.header-actions{display:flex;align-items:center;gap:8px}
.header-icon,.login-small,.announce-yellow,.user-chip{border:0}
.header-icon{width:37px;height:37px;border-radius:50%;background:transparent;color:white;font-size:1.35rem}
.login-small{background:#0b1932;color:white;border:1px solid #22395f;border-radius:10px;padding:11px 14px;font-weight:700}
.announce-yellow{background:var(--yellow);color:#071126;border-radius:9px;padding:12px 16px;font-weight:900;white-space:nowrap}
.user-chip{width:40px;height:40px;border-radius:50%;background:#193c72;color:white;border:2px solid var(--yellow);font-weight:900}
.mobile-menu{display:none;border:0;background:transparent;color:white;font-size:1.5rem}

/* HERO, proportions built from the approved reference */
.hero{background:#07142f}
.hero-main{position:relative;max-width:1510px;min-height:405px;margin:auto;display:grid;grid-template-columns:43% 57%;grid-template-rows:auto auto auto;padding:0 28px 20px}
.hero-copy{position:relative;z-index:3;padding:36px 18px 96px 34px;align-self:center;background:linear-gradient(90deg,#08142f 0%,#08142f 78%,rgba(8,20,47,.80) 92%,rgba(8,20,47,0) 100%)}
.hero-copy h1{font:900 clamp(3.7rem,5vw,5.9rem)/.84 Archivo;margin:0;letter-spacing:-.055em}
.hero-copy h1 span{color:var(--yellow)}
.hero-copy p{font-size:1.16rem;line-height:1.35;color:#f4f7fb;font-weight:600;margin:14px 0 0}
.hero-art{position:relative;overflow:hidden;min-height:310px}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08142f 0%,rgba(8,20,47,.25) 15%,transparent 38%)}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-search{position:relative;z-index:5;grid-column:1/-1;width:76%;margin:-72px 0 0 34px;height:58px;background:#fff;border-radius:14px;display:grid;grid-template-columns:48px minmax(0,1fr) 180px 210px;align-items:center;overflow:hidden;box-shadow:0 13px 30px rgba(0,0,0,.30)}
.search-lens{color:#5d6e87;font-size:1.45rem;text-align:center}
.hero-search input{height:100%;min-width:0;border:0;outline:0;color:#13213a;font-size:.84rem}
.region-box{height:100%;display:flex;align-items:center;justify-content:center;gap:7px;color:#4f6380;border-left:1px solid #e0e6ef;font-size:.75rem}
.hero-search button{height:100%;border:0;background:linear-gradient(135deg,#1689ff,#146df7);color:white;font-weight:900;font-size:.78rem}
.hero-search button b{font-size:1.1rem;margin-left:6px}
.quick-cards{grid-column:1/-1;position:relative;z-index:4;margin:14px 34px 0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.quick-cards button{height:58px;min-width:0;border:1px solid #27436f;background:#0b1b39;color:white;border-radius:9px;padding:7px 8px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-items:center;text-align:left}
.qicon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font-size:1.15rem;font-weight:900;line-height:1}
.q-yellow{background:#ffd828;color:#1b2440}.q-purple{background:#8544ff}.q-red{background:#f44465}.q-blue{background:#326df6}.q-violet{background:#5f4de0}.q-green{background:#24c67f}.q-gold{background:#f5c22d;color:#1b2440}
.qtext{min-width:0;display:grid;gap:2px}.qtext b{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qtext small{font-size:.50rem;line-height:1.12;color:#c5d0df;height:22px;overflow:hidden}

/* RADIO PLAYER */
.radio-bar{padding:12px 28px;background:#050e20;border-top:1px solid rgba(255,255,255,.06)}
.radio-player{max-width:1454px;min-height:94px;margin:auto;display:flex;align-items:center;gap:18px;padding:12px 16px;background:linear-gradient(135deg,#0d2348,#0a1831 72%);border:1px solid #29466f;border-radius:15px;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.radio-brand{display:flex;align-items:center;gap:12px;min-width:330px}
.radio-logo-plate{width:100px;height:68px;background:white;border-radius:9px;padding:4px 7px;display:grid;place-items:center}
.radio-logo-plate img{width:100%;height:100%;object-fit:contain}
.radio-name{display:grid}.radio-name>span{color:#ff506f;font-size:.58rem;font-weight:900}.radio-name strong{font:800 1.15rem Archivo}.radio-name small{font-size:.58rem;color:#94a9c4;margin-top:3px}
.radio-controls{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:13px}
.play-main{width:54px;height:54px;flex:0 0 54px;border:0;border-radius:50%;background:#1ee187;color:#05141e;font-weight:900;font-size:1.05rem;box-shadow:0 0 0 6px rgba(30,225,135,.08)}
.equalizer{height:29px;display:flex;align-items:center;gap:3px}.equalizer i{width:4px;height:8px;border-radius:4px;background:#247fff}
.equalizer.playing i:nth-child(1){animation:eq .45s infinite alternate}.equalizer.playing i:nth-child(2){animation:eq .7s infinite alternate-reverse}.equalizer.playing i:nth-child(3){animation:eq .35s infinite alternate}.equalizer.playing i:nth-child(4){animation:eq .6s infinite alternate-reverse}.equalizer.playing i:nth-child(5){animation:eq .5s infinite alternate}.equalizer.playing i:nth-child(6){animation:eq .8s infinite alternate-reverse}.equalizer.playing i:nth-child(7){animation:eq .4s infinite alternate}
@keyframes eq{to{height:27px}}
.radio-labels{display:grid;min-width:175px}.radio-labels b{font-size:.65rem;letter-spacing:.04em}.radio-labels span{font-size:.56rem;color:#8fa5c1}
.volume-wrap{display:flex;align-items:center;gap:6px;font-size:.7rem}.volume-wrap input{width:90px}
.radio-open{font-size:.66rem;color:#8bc1ff;border:1px solid #284a78;border-radius:8px;padding:10px 12px;white-space:nowrap}

/* SAFETY */
.safe-strip{max-width:1454px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#aab9cd;border-bottom:1px solid rgba(255,255,255,.06)}
.safe-strip>div{display:flex;align-items:center;gap:12px}.safe-strip strong{color:#4ce59a;font-size:.66rem}.safe-strip span,.safe-strip a{font-size:.62rem}.safe-strip a{color:#7fb7ff}

/* MARKET */
.market-section{padding:20px 28px 18px;background:#07142f}
.market-heading{max-width:1454px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px}
.market-heading h2{font:800 1.32rem Archivo;margin:0}
.market-controls{display:flex;align-items:center;gap:8px}.market-controls select{border:1px solid #2a456f;background:#0d1f3e;color:white;border-radius:8px;padding:8px 9px;font-size:.67rem}.market-controls button{border:0;background:transparent;color:#4da8ff;font-size:.65rem}
.category-pills{max-width:1454px;margin:11px auto 12px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.cat-pill{white-space:nowrap;border:1px solid #29456e;background:#0a1a35;color:#d5deeb;border-radius:999px;padding:7px 11px;font-size:.63rem}.cat-pill.active{background:#fff;color:#142038}
.market-grid{max-width:1454px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:13px;align-items:stretch}
.products-column{min-width:0}
.product-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.product-card{min-width:0;background:#0a1a35;border:1px solid #223e68;border-radius:10px;overflow:hidden}
.product-photo{height:132px;position:relative;background:linear-gradient(135deg,#1c3150,#0a1325);display:grid;place-items:center;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:cover}.placeholder{font-size:2.8rem}
.badge{position:absolute;left:7px;bottom:7px;padding:4px 6px;border-radius:5px;font-size:.52rem;font-weight:900}.badge.venda{background:#24c77d}.badge.troca,.badge.venda_ou_troca{background:#8c42ff}.badge.doacao{background:#ff7928}
.fav{position:absolute;right:7px;top:7px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(3,9,18,.68);border:1px solid rgba(255,255,255,.35)}
.product-info{padding:8px}.product-info h3{font:700 .70rem/1.22 Archivo;margin:0 0 5px;min-height:34px}.product-price{font:800 .94rem Archivo;margin-bottom:4px}.product-meta{font-size:.51rem;color:#8ea2bb}.seller{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:.49rem;color:#c7d1df}.seller-avatar{width:18px;height:18px;border-radius:50%;background:#2d67da;display:grid;place-items:center;font-size:.45rem;font-weight:900}.verified-badge{color:#4de7a0;font-size:.46rem!important}
.product-actions{display:flex;gap:4px;margin-top:7px}.product-actions button{flex:1;border:0;border-radius:6px;padding:6px 4px;font-size:.55rem;font-weight:800}.details-btn{background:#173055;color:white}.proposal-btn{background:#277fff;color:white}
.loading,.empty{grid-column:1/-1;min-height:225px;display:grid;place-content:center;text-align:center;color:#8da2bd}.empty span{display:block;margin-top:5px;font-size:.7rem}
.live-reference-card{min-width:0;border:0;padding:0;background:transparent;border-radius:13px;overflow:hidden;align-self:stretch}.live-reference-card img{width:100%;height:100%;min-height:270px;object-fit:cover;border-radius:13px}

/* APP + PRO */
.lower-grid{max-width:1510px;margin:auto;padding:0 28px 18px;background:#07142f;display:grid;grid-template-columns:.98fr 1.02fr;gap:12px}
.app-reference-card{min-width:0;overflow:hidden;border-radius:12px;border:1px solid #28436b;background:#1237a0}.app-reference-card img{width:100%;height:100%;min-height:188px;object-fit:cover}
.pro-panel{border:1px solid #263f67;background:#0a1832;border-radius:12px;padding:12px}
.pro-title{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:end;margin-bottom:10px}.pro-title>div{font:800 1.35rem Archivo}.pro-title>div span{color:var(--yellow)}.pro-title>div b{color:var(--yellow)}.pro-title p{font-size:.56rem;color:#a6b5c9;margin:0 0 3px}.pro-title>button{border:1px solid #34517b;background:transparent;color:white;border-radius:7px;padding:7px 10px;font-size:.56rem}
.pro-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pro-cards article{position:relative;min-height:135px;padding:12px;background:#0d2348;border:1px solid #294872;border-radius:9px;text-align:center;display:flex;flex-direction:column;align-items:center}.pro-cards article.pro-featured{background:#30255f}.pro-cards article.pro-live{background:#4a1e47}.pro-icon{font-size:1.7rem}.pro-cards h3{font:700 .78rem Archivo;margin:6px 0}.pro-cards p{font-size:.52rem;line-height:1.28;color:#bac6d7;margin:0 0 9px}.pro-cards article button{margin-top:auto;width:100%;border:0;border-radius:6px;padding:7px;font-size:.55rem;font-weight:900;background:#fff;color:#10203a}.pro-featured button{background:var(--yellow)!important}.pro-live button{background:linear-gradient(90deg,#ff9f35,#ff465e)!important;color:white!important}.pro-tag{position:absolute;right:6px;top:6px;background:#ef8d36;color:#fff;border-radius:4px;padding:2px 4px;font-size:.40rem;font-weight:800}

/* HOW */
.how{background:#f5f8fc;color:#142037;text-align:center;padding:48px 28px}.section-label{font-size:.58rem;font-weight:900;letter-spacing:.16em;color:#167cff}.how h2{font:800 2.3rem Archivo;margin:6px 0 22px}.how-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.how-grid article{position:relative;text-align:left;background:#fff;border:1px solid #e0e6ef;border-radius:14px;padding:18px}.how-grid article>b{position:absolute;right:14px;top:10px;font-size:1.5rem;color:#e0e6ef}.how-grid article>span{font-size:1.8rem}.how-grid h3{font:700 .93rem Archivo;margin:9px 0 5px}.how-grid p{font-size:.68rem;color:#6c7b8f;line-height:1.45;margin:0}

/* FOOTER */
footer{min-height:76px;padding:16px 34px 24px;display:grid;grid-template-columns:250px 1fr auto;align-items:center;gap:20px;background:#040b17;border-top:1px solid #1a2d4d}.footer-brand img{width:190px}.footer-brand+nav{display:flex;justify-content:center;gap:22px;font-size:.60rem;color:#aab8ca}.footer-brand+nav a:hover{color:white}footer p{font-size:.58rem;color:#9dacbf;margin:0}
.mobile-bottom-nav{display:none}

/* MODALS AND LEGAL INTERACTIONS */
.modal-bg{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.78);display:grid;place-items:center;padding:18px}
.modal{position:relative;width:min(470px,100%);max-height:92vh;overflow:auto;background:#0c1b35;border:1px solid #2a456e;border-radius:17px;padding:24px}
.modal.wide{width:min(900px,100%)}.modal h2{font:800 1.7rem Archivo;margin:6px 0 12px}.modal-close{position:absolute;right:12px;top:9px;border:0;background:transparent;color:white;font-size:1.5rem}.modal label{display:grid;gap:5px;margin-top:11px;font-size:.69rem;font-weight:700;color:#cbd5e3}.modal input,.modal select,.modal textarea{width:100%;background:#071327;color:white;border:1px solid #263d60;border-radius:8px;padding:10px}.modal-primary{width:100%;margin-top:13px;padding:10px;border:0;border-radius:8px;background:#237fff;color:white;font-weight:800}.login-btn{width:100%;padding:10px;background:#0b1932;color:white;border:1px solid #29436b;border-radius:8px}.modal-note,.legal-intro{font-size:.62rem;color:#8ea2bc;line-height:1.45}.form2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.exchange{display:grid;grid-template-columns:180px 1fr;gap:10px;align-items:end}.check{display:flex!important;align-items:center;gap:7px;padding:9px;background:#071327;border:1px solid #263d60;border-radius:8px}.check input{width:auto!important}.preview{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:7px}.preview img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px}.modal-actions{display:flex;align-items:center;gap:10px}.modal-actions span,.status-line,#proposalStatus{font-size:.62rem;color:#98abc3}
.legal-box,.rolo-safe-box{margin-top:13px;background:#071426;border:1px solid #284367;border-radius:9px;padding:11px}.rolo-safe-box{border-color:#2c7c59;background:#0a1c1c}.rolo-safe-box>strong{display:block;color:#64efad;margin-bottom:6px}.rolo-safe-box>a{display:inline-block;margin-top:6px;color:#6eafff;font-size:.62rem}
.legal-check{display:flex!important;align-items:flex-start;gap:8px;margin:0 0 8px!important;font-weight:500!important;line-height:1.4}.legal-check:last-child{margin-bottom:0!important}.legal-check input{width:auto!important;margin-top:3px}.legal-check span{font-size:.63rem;color:#c1cede}.legal-check a{color:#67a7ff;text-decoration:underline}
.auth-divider{display:flex;align-items:center;gap:9px;margin:12px 0;color:#7187a2;font-size:.62rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#263d60;flex:1}.secondary-full,.danger-full{width:100%;border-radius:8px;padding:10px;font-weight:800}.secondary-full{background:#12294b;color:white;border:1px solid #2e4a73}.danger-full{background:#a8283b;color:white;border:0;margin-top:12px}
.detail-image{height:320px;border-radius:11px;overflow:hidden;background:#081426;display:grid;place-items:center}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-title-row{display:flex;justify-content:space-between;gap:15px;margin:14px 0}.detail-price{font:800 1.5rem Archivo;color:var(--yellow)}.detail-copy{font-size:.72rem;color:#a8b7c9;line-height:1.55}.detail-tags{display:flex;gap:5px;flex-wrap:wrap}.detail-tags span{background:#173254;padding:5px 7px;border-radius:6px;font-size:.55rem}.product-owner-line{display:flex;gap:6px;flex-wrap:wrap;font-size:.64rem}.verified-help{font-size:.55rem;color:#90a2ba;margin-top:4px}.report-link{margin-top:9px;background:transparent;border:1px solid #6d3442;color:#ff8292;border-radius:7px;padding:7px 9px;font-size:.60rem}.account-row{display:flex;justify-content:space-between;border-block:1px solid rgba(255,255,255,.1);padding:11px 0;margin:11px 0}.toast{position:fixed;right:18px;bottom:18px;z-index:90;background:#123f2d;color:#7cf3b4;border:1px solid rgba(124,243,180,.25);border-radius:10px;padding:11px 14px;font-size:.68rem}

/* LARGE TABLET */
@media(max-width:1180px){
  .desktop-nav{display:none}
  .hero-main{grid-template-columns:48% 52%}
  .quick-cards{grid-template-columns:repeat(4,1fr)}
  .market-grid{grid-template-columns:minmax(0,1fr) 330px}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lower-grid{grid-template-columns:1fr}
}

/* MOBILE: constructed to resemble the mobile phone in the approved reference */
@media(max-width:700px){
  body{padding-bottom:67px}
  .desktop-only{display:none!important}

  .site-header{position:sticky}
  .header-inner{height:62px;padding:0 10px;gap:8px}
  .mobile-menu{display:block;width:30px}
  .portal-logo{width:145px;height:auto}
  .portal-logo-link{margin-right:auto}
  .header-actions{gap:5px}
  .login-small{display:none}
  .announce-yellow{display:none}
  .header-icon{display:none}
  .user-chip{width:31px;height:31px;font-size:.65rem}

  .hero-main{min-height:0;display:block;padding:12px 10px 14px}
  .hero-copy{display:none}
  .hero-art{display:none}
  .hero-search{width:100%;height:auto;margin:0;display:grid;grid-template-columns:38px minmax(0,1fr) 44px;border-radius:13px}
  .hero-search input{height:46px;font-size:.71rem;padding-right:4px}
  .search-lens{font-size:1.1rem}
  .region-box{font-size:0;border-left:1px solid #e1e7ef}
  .region-box:after{content:"⌖";font-size:1rem;color:#246ff4}
  .hero-search button{grid-column:1/-1;height:39px;font-size:.68rem}
  .quick-cards{margin:11px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .quick-cards button{height:77px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:6px 3px;gap:5px}
  .qicon{width:39px;height:39px;flex:0 0 39px;border-radius:10px}
  .qtext b{font-size:.60rem;white-space:normal}
  .qtext small{display:none}
  .quick-cards button:nth-child(n+5){display:none}

  .radio-bar{padding:9px 10px}
  .radio-player{min-height:0;display:grid;grid-template-columns:1fr;gap:10px;padding:11px}
  .radio-brand{min-width:0;display:grid;grid-template-columns:78px 1fr;gap:10px}
  .radio-logo-plate{width:78px;height:56px}
  .radio-name strong{font-size:.95rem}.radio-name small{font-size:.53rem}
  .radio-controls{display:grid;grid-template-columns:50px 1fr;gap:10px;justify-content:start}
  .play-main{width:48px;height:48px;flex-basis:48px}
  .equalizer{display:none}.radio-labels{min-width:0}.radio-labels b{font-size:.58rem}.radio-labels span{font-size:.51rem}.volume-wrap{display:none}
  .radio-open{width:100%;text-align:center;padding:8px}

  .safe-strip{margin:0;padding:9px 11px;align-items:flex-start;gap:5px;flex-direction:column}.safe-strip>div{align-items:flex-start;gap:4px;flex-direction:column}.safe-strip span{font-size:.56rem}

  .market-section{padding:14px 10px}
  .market-heading{display:flex;align-items:center;justify-content:space-between}
  .market-heading h2{font-size:.98rem}
  .market-controls select{display:none}.market-controls button{font-size:.56rem}
  .category-pills{margin:9px 0;gap:5px}.cat-pill{font-size:.56rem;padding:6px 9px}
  .market-grid{display:flex;flex-direction:column;gap:10px}
  .live-reference-card{order:-1;width:100%;height:auto}.live-reference-card img{width:100%;height:auto;min-height:0;aspect-ratio:400/270;object-fit:cover}
  .products-column{order:2}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .product-photo{height:125px}.product-info h3{font-size:.65rem}.product-price{font-size:.82rem}.product-actions{display:none}
  .seller{display:none}

  .lower-grid{padding:0 10px 14px;display:block}
  .app-reference-card{display:block;width:100%;margin-bottom:10px}.app-reference-card img{width:100%;height:auto;min-height:0}
  .pro-panel{width:100%;padding:10px}
  .pro-title{grid-template-columns:1fr auto}.pro-title p{grid-column:1/-1}.pro-title>button{grid-row:1;grid-column:2}
  .pro-cards{grid-template-columns:1fr;gap:8px}
  .pro-cards article{min-height:125px}

  .how{padding:38px 10px}.how h2{font-size:1.8rem}.how-grid{grid-template-columns:1fr;gap:8px}

  footer{grid-template-columns:1fr;justify-items:center;text-align:center;padding:24px 12px 82px}.footer-brand img{width:180px}.footer-brand+nav{flex-wrap:wrap;gap:12px}.footer-brand+nav a{font-size:.56rem}

  .mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:65;height:63px;padding:5px 5px max(5px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(5,13,28,.98);border-top:1px solid #24406b;backdrop-filter:blur(12px)}
  .mobile-bottom-nav a,.mobile-bottom-nav button{min-width:0;border:0;background:transparent;color:#9cacc1;display:grid;place-items:center;gap:1px;padding:3px 1px}.mobile-bottom-nav span{font-size:1.05rem}.mobile-bottom-nav b{font-size:.49rem}
  .mobile-bottom-nav button:nth-child(3) span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;margin-top:-20px;background:linear-gradient(135deg,#257eff,#7444ff);color:white;border:3px solid #d6e5ff;font-size:1.5rem}

  .modal{padding:20px 15px}.modal.wide{width:100%}.form2,.form3,.exchange{grid-template-columns:1fr}.preview{grid-template-columns:repeat(3,1fr)}
}