@import url('/assets/styles-core.css');
@import url('/assets/styles-pages.css');

/* Brand spelling */
.page-hero::after{content:"اینجاآنجا"}

/* Homepage header / navigation */
body.home .site-header{border-bottom:0!important;background:transparent;color:var(--white);backdrop-filter:none;box-shadow:none}
body.home .site-header .brand{color:var(--white);font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.72),0 0 12px rgba(0,0,0,.34)}
body.home .site-header .brand-mark{filter:drop-shadow(0 1px 2px rgba(0,0,0,.58))}
body.home .site-header .nav-links{align-items:center;color:rgba(255,255,255,.96);font-weight:500}
body.home .site-header .nav-links>a{color:inherit;text-shadow:0 1px 2px rgba(0,0,0,.78),0 0 10px rgba(0,0,0,.38)}
body.home .site-header.scrolled{border-bottom:0!important;background:rgba(11,29,37,.94);color:var(--white);backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(0,0,0,.10)}
body.home .site-header.scrolled .brand{color:var(--white);text-shadow:none}
body.home .site-header.scrolled .brand-mark{filter:none}
body.home .site-header.scrolled .nav-links{color:rgba(255,255,255,.90)}
body.home .site-header.scrolled .nav-links>a{text-shadow:none}

.nav-actions{display:inline-flex;align-items:center;gap:0;padding:4px;background:rgba(255,255,255,.96);border-radius:10px;box-shadow:0 1px 0 rgba(0,0,0,.08);overflow:hidden;direction:rtl}
.nav-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 18px!important;border-radius:7px;color:var(--deep-ink)!important;line-height:1.2;white-space:nowrap;transition:background .2s ease,color .2s ease}
.nav-actions .nav-register{background:var(--deep-ink);color:var(--white)!important}
.nav-actions .nav-register:hover{background:#101c22;color:var(--white)!important}
.nav-actions .nav-about:hover{background:#edf0e7}

/* Homepage Hero — desktop/tablet */
.home-hero{min-height:100svh;background:#0b1d25}
.home-hero::before{background:linear-gradient(270deg,rgba(8,18,23,.38) 0%,rgba(8,18,23,.22) 28%,rgba(8,18,23,.08) 52%,rgba(8,18,23,0) 76%),url('/assets/images/hero-background.png') center 48%/cover no-repeat}
.home-hero::after{display:none}
.home-hero-inner{width:calc(100% - clamp(48px,5vw,88px));max-width:none;padding:132px 0 110px;align-items:flex-start}
.home-hero-copy{width:min(46vw,650px);max-width:650px;margin-top:5vh;position:relative;z-index:2}
.home-hero .kicker{margin-bottom:15px}
.home-hero h1{font-size:clamp(58px,8.2vw,6rem);line-height:1.18;max-width:none;letter-spacing:-.04em}
.home-hero p{max-width:610px;margin-top:24px;font-size:clamp(16px,1.35vw,20px);line-height:1.95}
.home-hero .hero-actions{width:min(100%,330px);margin-top:28px;align-items:stretch}
.hero-cta{width:100%;min-height:72px;display:grid;grid-template-columns:14px minmax(0,1fr) 20px;align-items:center;gap:16px;padding:15px 21px;background:var(--white);color:var(--deep-ink);border:0;border-radius:10px;font-size:17px;line-height:1.5;box-shadow:0 1px 0 rgba(0,0,0,.08);transition:background .22s ease,color .22s ease,transform .22s ease}
.hero-cta:hover{background:#d9dec9;color:var(--deep-ink);transform:none}
.hero-cta-dot{width:8px;height:8px;border-radius:50%;background:currentColor;justify-self:start}
.hero-cta-label{text-align:right}
.hero-cta-arrow{justify-self:end;font-size:18px;transition:transform .22s ease}
.hero-cta:hover .hero-cta-arrow{transform:translateX(-4px)}
.home-wordmark{font-size:clamp(96px,18vw,11rem);bottom:1.5rem;right:-.02em;line-height:.82}

@media(max-width:1050px){
  .home-hero-copy{width:min(55vw,620px)}
  .home-hero-inner{width:calc(100% - 48px)}
  body.home .nav-links{gap:16px;font-size:13px}
  .nav-actions a{padding-inline:14px!important}
}

/* Mobile Hero follows the supplied reference: cover image + bottom fade + bottom-anchored content. */
@media(max-width:760px){
  body.home .site-header{height:82px;border-bottom:0!important;background:transparent!important;backdrop-filter:none!important}
  body.home .site-header.scrolled{height:68px;background:rgba(11,29,37,.94)!important;backdrop-filter:blur(14px)!important}
  body.home .nav{min-height:82px;position:relative;justify-content:center;direction:ltr}
  body.home .site-header.scrolled .nav{min-height:68px}
  body.home .brand{position:absolute;left:50%;transform:translateX(-50%);color:var(--deep-ink);z-index:2;direction:rtl;text-shadow:none}
  body.home .brand-mark{filter:none}
  body.home .site-header.scrolled .brand{color:var(--white)}
  body.home .menu-btn{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);margin:0;color:var(--deep-ink)!important;font-size:30px;line-height:1;padding:8px;z-index:3}
  body.home .site-header.scrolled .menu-btn{color:var(--white)!important}
  body.home .nav-links{top:76px;right:18px;left:18px;direction:rtl;z-index:4}
  body.home .site-header.scrolled .nav-links{top:64px}
  .nav-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:8px;padding:4px;width:100%}
  .nav-actions a{min-height:44px!important;padding:9px 12px!important}

  .home-hero{height:100svh;min-height:100svh;background:#0b1d25;overflow:hidden}
  .home-hero::before{inset:0;height:100%;background:url('/assets/images/hero-background.png') center center/cover no-repeat;transform:none}
  .home-hero::after{display:block;content:"";position:absolute;inset:auto 0 0;height:44svh;background:linear-gradient(to top,rgba(11,29,37,.98) 0%,rgba(11,29,37,.88) 32%,rgba(11,29,37,.54) 62%,rgba(11,29,37,0) 100%);pointer-events:none}
  .home-hero-inner{width:calc(100% - 40px);height:100svh;min-height:100svh;padding:0;display:block;position:relative;text-align:center}
  .home-hero-copy{position:absolute;right:0;left:0;bottom:28px;width:100%;max-width:620px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;z-index:2}
  .home-hero .kicker{display:none}
  .home-hero h1{font-size:clamp(2.2rem,9vw,3.35rem);line-height:1.35;letter-spacing:-.035em;max-width:650px;margin:0 auto}
  .home-hero p{max-width:620px;margin:24px auto 0;font-size:clamp(15px,4vw,18px);line-height:1.95;color:rgba(255,255,255,.94)}
  .home-hero .hero-actions{width:100%;max-width:670px;margin:50px auto 0;display:block}
  .hero-cta{min-height:82px;padding:17px 22px;border-radius:10px;font-size:17px}
  .home-wordmark{display:none}
}

@media(max-width:480px){
  .home-hero::after{height:48svh}
  .home-hero-inner{width:calc(100% - 28px);height:100svh;min-height:100svh;padding:0}
  .home-hero-copy{bottom:20px}
  .home-hero h1{font-size:clamp(2rem,10vw,2.85rem)}
  .home-hero p{font-size:15px;line-height:1.9;margin-top:20px}
  .home-hero .hero-actions{margin-top:46px}
  .hero-cta{min-height:78px;font-size:16px}
}