/* V96 — premium UX/UI refinement: clearer hierarchy, less visual noise, stronger actions. */
.app-home{padding:30px 0 48px;}
.app-home-inner{max-width:940px;}
.app-home-brand{margin-bottom:24px;}
.app-home-brand img{width:min(330px,72vw);}
.app-home-slogan{font-size:9.5px;letter-spacing:.13em;}
.app-home-ar{font-family:"Noto Sans Arabic",Inter,sans-serif;font-size:13px;line-height:1.7;}
.app-home-intro{margin:0 auto 16px;max-width:680px;text-align:center;}
.app-home-eyebrow,.app-home-section-label{font:700 9px var(--mono);letter-spacing:.16em;color:var(--brass-light);}
.app-home-intro h1,.app-home-intro h2{margin-top:7px;font-size:22px;font-weight:800;letter-spacing:-.025em;line-height:1.2;}
.app-home-intro p{margin-top:5px;color:var(--text-dim);font-size:12px;}
.app-home-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.app-home-grid{gap:10px;}
.app-home-tools{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;margin-left:auto;margin-right:auto;}
.app-home-section-label{margin:23px 0 9px;padding-left:2px;color:var(--text-dimmer);letter-spacing:.13em;}
.app-menu-card{position:relative;min-height:116px;padding:18px;border-radius:14px;background:rgba(255,255,255,.018);border-color:var(--line);}
.app-menu-card:hover,.app-menu-card:focus-visible{background:rgba(214,154,62,.055);border-color:rgba(214,154,62,.55);box-shadow:0 12px 28px rgba(0,0,0,.18);}
.app-menu-primary{min-height:148px;padding:20px;background:linear-gradient(145deg,rgba(214,154,62,.075),rgba(255,255,255,.018));border-color:rgba(214,154,62,.28);}
.app-menu-primary:first-child{border-color:rgba(240,184,90,.52);}
.app-menu-icon{position:absolute;top:18px;right:18px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(240,184,90,.25);border-radius:9px;background:rgba(240,184,90,.07);color:var(--brass-light);font-size:16px;}
.app-menu-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding-right:36px;}
.app-menu-kicker{font:700 8.5px var(--mono);letter-spacing:.13em;color:var(--brass-light);margin-bottom:8px;}
.app-menu-title{font-size:16px;font-weight:750;line-height:1.25;}
.app-menu-primary .app-menu-title{font-size:18px;max-width:330px;}
.app-menu-ar{display:block;margin-top:5px;font-family:"Noto Sans Arabic",Inter,sans-serif;font-size:11px;line-height:1.55;color:var(--text-dim);}
.app-menu-arrow{position:absolute;right:18px;bottom:16px;color:var(--brass-light);font-size:16px;}
.app-home-foot{margin-top:25px;gap:18px;font-size:9.5px;}
.app-home-foot a{padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.08);}
.view .app-back-menu{margin:18px 0 2px;padding:5px 12px 5px 7px;min-height:36px;border-color:var(--line);background:rgba(255,255,255,.018);box-shadow:none;font-size:10px;}
.view .app-back-menu .back-icon{width:24px;height:24px;font-size:13px;background:rgba(214,154,62,.10);}
.view .app-back-menu .back-ar{font-family:"Noto Sans Arabic",Inter,sans-serif;font-size:10px;}
.view .app-back-menu:hover{box-shadow:none;background:rgba(214,154,62,.06);}
.trading-hero{padding-top:6px;}
.trading-title{max-width:760px;font-size:36px;letter-spacing:-.035em;}
.trading-lead{max-width:720px;color:var(--text-dim);}
.trading-step{border-color:var(--line);background:rgba(255,255,255,.018);}
.trading-step:first-child{border-color:rgba(214,154,62,.36);background:rgba(214,154,62,.045);}
.mt5-card{box-shadow:0 14px 36px rgba(0,0,0,.16);}
.account-form{box-shadow:0 14px 34px rgba(0,0,0,.12);}
.transaction-choice .choice-card{min-height:82px;}
.transaction-choice .choice-card i{font:700 8px var(--mono);font-style:normal;color:var(--text-dimmer);border:1px solid var(--line);border-radius:999px;padding:4px 6px;}
.transaction-choice .choice-card:has(input:checked) i{color:var(--brass-light);border-color:rgba(214,154,62,.35);background:rgba(214,154,62,.07);}
.payments-hero{max-width:760px;}
.payments-hero h2{font-size:34px;letter-spacing:-.03em;}
.payments-hero p{max-width:620px;}
.learn-stack{box-shadow:none;background:transparent;border-color:var(--line);}
.learn-card{box-shadow:none;}
footer .footer-tagline{margin:8px 0 0;font-size:9.5px;letter-spacing:.06em;}
footer .footer-tagline-ar{margin:4px 0 12px;color:var(--text-dimmer);font-family:"Noto Sans Arabic",Inter,sans-serif;font-size:10px;line-height:1.7;text-align:center;}
.trust-float,.telegram-float{box-shadow:0 7px 20px rgba(0,0,0,.18)!important;}
@media (min-width:900px){
  .app-home{padding-top:30px;}
  .app-home-brand{margin-bottom:22px;}
  .app-home-brand img{width:270px;}
  .app-home-intro h1,.app-home-intro h2{font-size:24px;}
  .app-home-tools .app-menu-card{min-height:112px;}
  .app-home-foot{margin-top:22px;}
}
@media(max-width:760px){
  .app-home-primary{grid-template-columns:1fr;}
  .app-home-tools{grid-template-columns:1fr 1fr;max-width:none;}
  .app-menu-primary{min-height:128px;}
  .app-home-intro h1,.app-home-intro h2{font-size:21px;}
}
@media(max-width:560px){
  .app-home{padding-top:20px;padding-bottom:36px;}
  .app-home-brand{margin-bottom:20px;}
  .app-home-brand img{width:min(285px,76vw);}
  .app-home-slogan{font-size:8.5px;letter-spacing:.10em;}
  .app-home-ar{font-size:12px;}
  .app-home-intro{margin-bottom:13px;}
  .app-home-intro h2{font-size:20px;}
  .app-home-intro p{font-size:11px;}
  .app-home-tools{grid-template-columns:1fr 1fr;gap:8px;}
  .app-menu-card{min-height:106px;padding:15px;}
  .app-menu-primary{min-height:122px;padding:17px;}
  .app-menu-primary .app-menu-title{font-size:16px;}
  .app-menu-title{font-size:14px;}
  .app-menu-icon{top:14px;right:14px;width:27px;height:27px;font-size:14px;}
  .app-menu-copy{padding-right:28px;}
  .app-menu-kicker{font-size:7.5px;margin-bottom:6px;}
  .app-menu-ar{font-size:10px;}
  .app-menu-arrow{right:14px;bottom:12px;font-size:14px;}
  .app-home-section-label{margin-top:19px;}
  .app-home-foot{margin-top:20px;gap:12px;}
  .trading-title,.payments-hero h2{font-size:28px;}
  .view .app-back-menu{margin-top:14px;}
  footer .footer-tagline{font-size:8.5px;}
}
@media(max-width:390px){
  .app-home-tools{grid-template-columns:1fr;}
}