:root{
 --bg:#071019;--bg2:#0c1724;--card:#101d2b;--text:#f7fbff;--muted:#a9b7c6;
 --line:#223346;--brand:#18c79a;--brand2:#2f6fff;--gold:#f6b94b;--danger:#ef4444;
 --max:1200px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
radial-gradient(900px 500px at 80% 0%,rgba(47,111,255,.18),transparent 60%),
linear-gradient(180deg,var(--bg),#050b11 80%);color:var(--text);line-height:1.6}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 36px));margin:auto}
.nav{position:sticky;top:0;z-index:30;background:rgba(5,11,17,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900}
.logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand2));color:white}
.nav-links{display:flex;gap:22px;align-items:center;font-size:14px}.nav-links a{color:#d8e2eb}.nav-links a:hover{color:var(--brand)}
.nav-actions{display:flex;gap:10px}.menu-btn{display:none;background:none;border:0;color:white;font-size:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;border:1px solid var(--line);font-weight:800;background:#0c1622;color:white}
.btn.primary{background:linear-gradient(135deg,var(--brand),#19d0a3);color:#04100d;border-color:transparent}
.btn.secondary{background:linear-gradient(135deg,var(--brand2),#4f86ff);border:0}
.hero{padding:72px 0 42px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;border:1px solid rgba(24,199,154,.35);background:rgba(24,199,154,.08);color:#a9ffe8;font-size:13px;font-weight:800}
h1{font-size:clamp(46px,7vw,86px);line-height:.95;letter-spacing:-.04em;margin:18px 0}h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.03em;margin:0 0 14px}
h3{font-size:22px;margin:0 0 10px}.lead{font-size:18px;color:#c7d3dd;max-width:780px}.accent{color:var(--brand)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.photo-card{border:1px solid var(--line);background:linear-gradient(160deg,#111d2b,#08111c);border-radius:30px;padding:14px;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.photo-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px}
.section{padding:64px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.section-head p{max-width:680px;color:var(--muted);margin:0}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(16,29,43,.96),rgba(8,17,26,.96));border-radius:22px;overflow:hidden;transition:.2s}
.card:hover{transform:translateY(-4px);border-color:#36506b;box-shadow:0 22px 60px rgba(0,0,0,.24)}
.card-media img{width:100%;height:220px;object-fit:cover}.card-body{padding:22px}.muted{color:var(--muted)}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tag{font-size:12px;padding:7px 10px;border-radius:999px;border:1px solid var(--line);color:#c7d3dd}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.stat{padding:18px;border:1px solid var(--line);border-radius:16px;background:#0a1520}.stat strong{font-size:26px;display:block}.stat span{font-size:12px;color:var(--muted)}
.verify{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:16px;border:1px solid rgba(24,199,154,.28);background:rgba(24,199,154,.06)}
.verify b{color:#bfffe9}
.dashboard{display:grid;grid-template-columns:290px 1fr;min-height:650px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#08111b}
.sidebar{padding:26px;background:#0a1420;border-right:1px solid var(--line)}
.profile-mini img{width:86px;height:86px;border-radius:22px;object-fit:cover;margin-bottom:14px}.profile-mini strong{display:block;font-size:18px}.profile-mini span{font-size:13px;color:var(--muted)}
.side-menu{display:grid;gap:8px;margin-top:26px}.side-menu a{padding:12px 13px;border-radius:11px;color:#c5d1dc}.side-menu a.active,.side-menu a:hover{background:#122235;color:white}
.dash-main{padding:26px}.dash-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.status{padding:8px 10px;border-radius:999px;background:rgba(24,199,154,.10);border:1px solid rgba(24,199,154,.25);color:#9ef2d8;font-size:12px;font-weight:800}
.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.metric{padding:20px;border:1px solid var(--line);border-radius:18px;background:#0d1a28}.metric small{color:var(--muted)}.metric strong{display:block;font-size:24px;margin-top:4px}
.service-list{margin-top:18px;display:grid;gap:12px}.service-row{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--line);border-radius:14px;background:#0b1622}.service-row span{color:var(--muted)}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.contact-card{padding:26px}.contact-item{padding:12px 0;border-bottom:1px solid var(--line)}
form{display:grid;gap:14px}input,textarea,select{width:100%;padding:14px 15px;background:#09131e;border:1px solid var(--line);border-radius:12px;color:white;font:inherit}textarea{min-height:150px}
.footer{padding:28px 0;border-top:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}
.cac-box{padding:22px;border-radius:20px;background:linear-gradient(145deg,rgba(24,199,154,.08),rgba(47,111,255,.08));border:1px solid var(--line)}
.cac-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.cac-grid div{padding:14px;border:1px solid var(--line);border-radius:14px;background:#0a1420}.cac-grid small{display:block;color:var(--muted)}.cac-grid strong{display:block;margin-top:4px}
.note{font-size:12px;color:var(--muted);margin-top:12px}
@media(max-width:960px){.hero-grid,.contact{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.dashboard{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.dash-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.menu-btn{display:block}.nav-links{display:none;position:absolute;left:18px;right:18px;top:78px;flex-direction:column;align-items:stretch;background:#08121c;padding:16px;border:1px solid var(--line);border-radius:16px}.nav-links.open{display:flex}.nav-actions .btn{display:none}.grid-4,.grid-3,.grid-2,.stats,.dash-grid,.cac-grid{grid-template-columns:1fr}.hero{padding-top:44px}.hero-actions .btn{width:100%}.footer-inner{flex-direction:column;align-items:flex-start}}

.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.dashboard-cover{display:flex;align-items:center;gap:22px;padding:18px;margin-bottom:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#101d2b,#0b1723)}.dashboard-cover img{width:180px;height:125px;object-fit:cover;border-radius:16px}.creative-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.card-media.tall img{height:520px;object-fit:cover}.video-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px}.video-stack video{width:100%;height:250px;object-fit:cover;border-radius:18px;border:1px solid var(--line);background:#000}.video-stack video:first-child{grid-column:1/-1;height:300px}@media(max-width:1100px){.grid-5{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.grid-5,.creative-grid,.video-stack{grid-template-columns:1fr}.dashboard-cover{align-items:flex-start;flex-direction:column}.dashboard-cover img{width:100%;height:220px}.video-stack video,.video-stack video:first-child{grid-column:auto;height:220px}}
.fashion-gallery{display:grid!important;grid-template-columns:repeat(3,1fr);gap:4px;height:260px;overflow:hidden;background:#111}
.fashion-gallery img{width:100%!important;height:128px!important;object-fit:cover!important;display:block}
.fashion-gallery img:first-child{grid-row:span 2;height:260px!important}
@media(max-width:700px){.fashion-gallery{height:220px}.fashion-gallery img{height:108px!important}.fashion-gallery img:first-child{height:220px!important}}

/* ===== Login / Signup Upgrade ===== */
.fashion-mini-gallery{
  display:grid;
  grid-template-columns:1fr 1fr;
  height:220px;
  background:#0a1420;
}
.fashion-mini-gallery img{
  width:100%;
  height:220px;
  object-fit:cover;
}
.auth-page{
  min-height:calc(100vh - 74px);
  display:grid;
  place-items:center;
  padding:50px 0;
}
.auth-shell{
  width:min(980px,calc(100% - 32px));
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  border:1px solid var(--line);
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(16,29,43,.98),rgba(8,17,26,.98));
  box-shadow:0 30px 90px rgba(0,0,0,.35);
}
.auth-brand{
  padding:42px;
  background:
    radial-gradient(480px 300px at 10% 10%,rgba(24,199,154,.18),transparent 55%),
    linear-gradient(150deg,#0b1825,#071019);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:620px;
}
.auth-brand .logo-large{
  width:70px;height:70px;border-radius:20px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  font-size:26px;font-weight:900;
}
.auth-brand h1{font-size:44px;margin:20px 0 10px}
.auth-brand p{color:var(--muted)}
.auth-points{display:grid;gap:14px;margin-top:28px}
.auth-point{
  padding:14px;border:1px solid rgba(255,255,255,.08);
  border-radius:14px;background:rgba(255,255,255,.03)
}
.auth-panel{padding:42px}
.auth-panel h2{margin-bottom:8px}
.auth-form{display:grid;gap:16px;margin-top:24px}
.auth-form label{font-size:13px;color:#c9d5df;font-weight:700}
.auth-form input{
  margin-top:7px;
}
.password-wrap{position:relative}
.password-wrap input{padding-right:48px}
.password-toggle{
  position:absolute;right:12px;bottom:11px;
  background:none;border:0;color:#9db0c0;cursor:pointer
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.auth-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:13px}
.auth-meta a{color:var(--brand)}
.auth-divider{
  display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:4px 0
}
.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}
.auth-switch{
  text-align:center;color:var(--muted);font-size:14px;margin-top:12px
}
.auth-switch a{color:var(--brand);font-weight:800}
.account-demo-note{
  margin-top:14px;padding:12px;border:1px dashed #35536c;border-radius:12px;
  color:var(--muted);font-size:12px
}
@media(max-width:820px){
  .auth-shell{grid-template-columns:1fr}
  .auth-brand{min-height:auto}
  .form-row{grid-template-columns:1fr}
}
@media(max-width:520px){
  .auth-brand,.auth-panel{padding:26px}
  .auth-brand h1{font-size:34px}
  .fashion-mini-gallery{grid-template-columns:1fr 1fr}
}

/* ===== Multi-Currency Wallet ===== */
.wallet-page{padding:54px 0 72px}
.wallet-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}
.wallet-hero h1{font-size:clamp(40px,6vw,72px);max-width:850px}
.wallet-status{padding:9px 12px;border-radius:999px;border:1px solid rgba(246,185,75,.32);background:rgba(246,185,75,.08);color:#ffd888;font-size:12px;font-weight:800;white-space:nowrap}
.wallet-warning{padding:16px 18px;border:1px solid rgba(246,185,75,.28);background:rgba(246,185,75,.06);border-radius:14px;color:#d8c596;margin-bottom:22px}
.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.wallet-balance-card{padding:26px;border-radius:24px;position:relative;overflow:hidden;border:1px solid var(--line)}
.wallet-balance-card.usd{background:radial-gradient(500px 220px at 90% 10%,rgba(47,111,255,.25),transparent 60%),linear-gradient(145deg,#111b34,#0a1325)}
.wallet-balance-card.ngn{background:radial-gradient(500px 220px at 90% 10%,rgba(24,199,154,.25),transparent 60%),linear-gradient(145deg,#0b2b22,#091a16)}
.wallet-card-top{display:flex;justify-content:space-between;align-items:center}
.wallet-card-top small{display:block;color:#b8c5d0;margin-top:5px}
.wallet-flag{font-size:30px;margin-right:8px}.wallet-code{font-weight:900;font-size:14px;letter-spacing:.1em;color:#c5d5df}
.wallet-balance{display:flex;align-items:flex-start;gap:8px;margin:24px 0 4px}.wallet-balance span{font-size:24px;color:#b8c4cf}.wallet-balance strong{font-size:48px;line-height:1}
.wallet-balance-card p{color:#9caab7}.wallet-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.wallet-actions .btn{padding:10px 12px;font-size:12px}
.wallet-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}
.wallet-tool{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:17px;border:1px solid var(--line);border-radius:16px;background:#0b1723;color:white;cursor:pointer}
.wallet-tool span{font-size:22px;color:var(--brand)}.wallet-tool small{color:var(--muted)}.wallet-tool.active{border-color:var(--brand);background:rgba(24,199,154,.08)}
.wallet-panel{display:none;padding:26px;border:1px solid var(--line);background:linear-gradient(180deg,#0d1926,#08121c);border-radius:24px;margin-top:16px}
.wallet-panel.active{display:block}.wallet-panel-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.wallet-panel-head p{color:var(--muted);max-width:480px}
.funding-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.fund-option{padding:17px;text-align:left;border:1px solid var(--line);border-radius:14px;background:#0a1520;color:white;cursor:pointer}.fund-option small{display:block;color:var(--muted);margin-top:3px}.fund-option.active{border-color:var(--brand);background:rgba(24,199,154,.07)}
.funding-box{display:grid;gap:14px}.hidden{display:none!important}
.bank-detail-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:#09131d}.bank-detail-card>small{color:var(--muted)}.bank-detail-card>strong{display:block;font-size:18px;margin:5px 0 14px}.bank-detail-card div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-top:1px solid var(--line);font-size:13px}.bank-detail-card span{color:var(--muted)}
.wallet-form{display:grid;gap:14px}.wallet-note{font-size:12px;color:var(--muted)}
.transaction-list{display:grid;gap:10px}.transaction-item{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;background:#09141e}.transaction-item small{display:block;color:var(--muted)}.transaction-amount{font-weight:900}.transaction-amount.credit{color:#61e7bd}.transaction-amount.debit{color:#ff9f9f}
.empty-state{text-align:center;padding:40px;color:var(--muted);border:1px dashed var(--line);border-radius:14px}
.wallet-modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);display:none;place-items:center;padding:20px}.wallet-modal.show{display:grid}.wallet-modal-card{width:min(520px,100%);position:relative;padding:28px;border-radius:22px;border:1px solid var(--line);background:#0b1722;box-shadow:0 28px 80px rgba(0,0,0,.42)}.modal-close{position:absolute;right:14px;top:12px;background:none;border:0;color:white;font-size:28px;cursor:pointer}.modal-summary{display:grid;gap:10px;margin:18px 0}.modal-summary div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}.modal-summary span{color:var(--muted)}
@media(max-width:900px){.wallet-grid{grid-template-columns:1fr}.wallet-tools{grid-template-columns:1fr 1fr}.wallet-hero{flex-direction:column}.wallet-panel-head{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.wallet-tools,.funding-options{grid-template-columns:1fr}.wallet-actions .btn{flex:1}.wallet-balance strong{font-size:40px}}


/* ===== Scroll Autoplay Video Portfolio ===== */
.scroll-autoplay-video{
  display:block;
  width:100%;
  height:auto;
  max-height:760px;
  object-fit:cover;
  border-radius:18px;
  background:#000;
}
.video-card{
  overflow:hidden;
}
@media(max-width:600px){
  .scroll-autoplay-video{
    max-height:620px;
  }
}


/* ===== Animated Nedu Springmart Brand Name ===== */
.animated-brand-name{
  display:inline-block;
  white-space:nowrap;
  will-change:transform, filter, opacity;
  animation:
    neduBrandFloat 4.8s ease-in-out infinite,
    neduBrandGlow 3.2s ease-in-out infinite alternate;
}

.hero-brand-animate{
  animation:
    neduBrandSlide 8s ease-in-out infinite,
    neduBrandGlow 3.2s ease-in-out infinite alternate;
}

@keyframes neduBrandFloat{
  0%,100%{
    transform:translate3d(0,0,0) scale(1);
  }
  25%{
    transform:translate3d(8px,-2px,0) scale(1.01);
  }
  50%{
    transform:translate3d(0,2px,0) scale(1.015);
  }
  75%{
    transform:translate3d(-8px,-1px,0) scale(1.01);
  }
}

@keyframes neduBrandSlide{
  0%,100%{
    transform:translateX(0);
  }
  25%{
    transform:translateX(18px);
  }
  50%{
    transform:translateX(0);
  }
  75%{
    transform:translateX(-18px);
  }
}

@keyframes neduBrandGlow{
  0%{
    filter:drop-shadow(0 0 0 rgba(24,199,154,0));
    opacity:.92;
  }
  100%{
    filter:drop-shadow(0 0 10px rgba(24,199,154,.45));
    opacity:1;
  }
}

@media(max-width:720px){
  .animated-brand-name{
    max-width:72vw;
    overflow:hidden;
    text-overflow:ellipsis;
    animation:
      neduBrandFloatMobile 4.8s ease-in-out infinite,
      neduBrandGlow 3.2s ease-in-out infinite alternate;
  }

  @keyframes neduBrandFloatMobile{
    0%,100%{transform:translateX(0)}
    50%{transform:translateX(6px)}
  }
}

@media(prefers-reduced-motion:reduce){
  .animated-brand-name,
  .hero-brand-animate{
    animation:none!important;
    filter:none!important;
  }
}


/* ===== Animated Fashion Carousel ===== */
.fashion-carousel{
  position:relative;
  width:100%;
  height:260px;
  overflow:hidden;
  background:#08111b;
}
.fashion-slides{
  position:relative;
  width:100%;
  height:100%;
}
.fashion-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:scale(1.035) translateX(14px);
  transition:opacity .8s ease, transform 1s ease;
  pointer-events:none;
}
.fashion-slide.active{
  opacity:1;
  transform:scale(1) translateX(0);
  pointer-events:auto;
}
.fashion-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.fashion-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(4,12,18,.64);
  color:#fff;
  font-size:28px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  backdrop-filter:blur(8px);
}
.fashion-nav.prev{left:12px}
.fashion-nav.next{right:12px}
.fashion-nav:hover{background:rgba(24,199,154,.82);color:#04100d}
.fashion-dots{
  position:absolute;
  left:50%;
  bottom:12px;
  transform:translateX(-50%);
  display:flex;
  gap:7px;
  z-index:3;
}
.fashion-dot{
  width:8px;
  height:8px;
  padding:0;
  border-radius:999px;
  border:0;
  background:rgba(255,255,255,.45);
  cursor:pointer;
  transition:width .25s ease, background .25s ease;
}
.fashion-dot.active{
  width:24px;
  background:var(--brand);
}
@media(max-width:720px){
  .fashion-carousel{height:300px}
  .fashion-nav{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
  .fashion-slide{transition:none}
}


/* ===== Direct On-Site Enquiry Form ===== */
.hidden-form-field{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}
.form-status{
  margin-top:14px;
  padding:0;
  min-height:24px;
  font-size:14px;
  border-radius:12px;
  transition:.2s ease;
}
.form-status.sending{
  padding:13px 14px;
  color:#c8d4de;
  background:#0a1520;
  border:1px solid var(--line);
}
.form-status.success{
  padding:14px 16px;
  color:#baffea;
  background:rgba(24,199,154,.08);
  border:1px solid rgba(24,199,154,.35);
}
.form-status.error{
  padding:14px 16px;
  color:#ffc2c2;
  background:rgba(239,68,68,.08);
  border:1px solid rgba(239,68,68,.35);
}
#contactForm button[type="submit"]:disabled{
  opacity:.7;
  cursor:wait;
}


/* ===== Newsroom & Subscribers ===== */
.news-hero{padding:72px 0 30px}
.news-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:end}
.news-hero-panel{padding:24px;border:1px solid var(--line);border-radius:22px;background:#0b1723}
.news-hero-panel small{color:var(--muted)}
.news-filterbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.news-filter-buttons{display:flex;gap:8px;flex-wrap:wrap}
.news-filter{padding:9px 12px;border-radius:999px;border:1px solid var(--line);background:#0a1520;color:#c7d3dd;cursor:pointer}
.news-filter.active{background:var(--brand);border-color:var(--brand);color:#04100d;font-weight:800}
.news-list{display:grid;gap:18px}
.news-article{padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#0d1926,#08121c)}
.news-article.featured{border-color:rgba(24,199,154,.35);background:radial-gradient(600px 260px at 95% 0%,rgba(24,199,154,.09),transparent 60%),linear-gradient(180deg,#0d1926,#08121c)}
.news-article[hidden]{display:none}
.news-article-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}
.news-article-top time{font-size:12px;color:var(--muted)}
.news-category{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(24,199,154,.08);border:1px solid rgba(24,199,154,.25);color:#a9ffe8;font-size:12px;font-weight:800}
.news-excerpt{font-size:18px;color:#c8d3dd}
.news-full{color:var(--muted);max-width:880px}
.news-read-link{display:inline-flex;margin-top:10px;color:var(--brand);font-weight:800}
.news-preview-card{min-height:260px}
.news-subscribe-section{padding-top:28px}
.subscribe-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;padding:32px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(520px 260px at 0 0,rgba(47,111,255,.10),transparent 60%),#0a1520}
.subscribe-form{display:grid;gap:13px}
.subscribe-inline{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:7px}
.subscribe-inline .btn{white-space:nowrap}
.owner-publish-box{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;border:1px solid var(--line);border-radius:22px;background:#0a1520}
.owner-news-page{padding:56px 0 70px}
.owner-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
.owner-form{display:grid;gap:14px}
.owner-body-field{min-height:260px}
.owner-preview{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#08131d}
.owner-note{margin-top:18px;padding:15px;border-radius:14px;border:1px dashed #36506b;color:var(--muted)}
.owner-note code{color:#c7d3dd}
@media(max-width:900px){
 .news-hero-grid,.subscribe-shell,.owner-editor-grid{grid-template-columns:1fr}
 .news-filterbar,.owner-publish-box{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
 .subscribe-inline{grid-template-columns:1fr}
 .subscribe-inline .btn{width:100%}
 .news-article{padding:22px}
}

.footer-copyright{
  width:100%;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid var(--line);
  text-align:center;
  color:var(--muted);
  font-size:13px;
}


/* ===== Refined Motion Rules ===== */

/* Graphic Design images stay fully static */
.graphic-static-card img,
.graphic-static-card .card-media,
.graphic-static-card .card-media *{
  animation:none!important;
  transition:none!important;
  transform:none!important;
}
.graphic-static-card:hover img,
.graphic-static-card:hover .card-media{
  transform:none!important;
}

/* Business, Design & Digital Solutions headline animation */
.animated-hero-headline{
  display:inline-block;
  will-change:transform, opacity, filter;
  animation:
    heroHeadlineMove 5.5s ease-in-out infinite,
    heroHeadlineGlow 3.2s ease-in-out infinite alternate;
}

@keyframes heroHeadlineMove{
  0%,100%{
    transform:translate3d(0,0,0);
  }
  25%{
    transform:translate3d(10px,-2px,0);
  }
  50%{
    transform:translate3d(0,2px,0);
  }
  75%{
    transform:translate3d(-10px,-1px,0);
  }
}

@keyframes heroHeadlineGlow{
  0%{
    filter:drop-shadow(0 0 0 rgba(24,199,154,0));
    opacity:.94;
  }
  100%{
    filter:drop-shadow(0 0 12px rgba(24,199,154,.38));
    opacity:1;
  }
}

@media(max-width:720px){
  .animated-hero-headline{
    animation:
      heroHeadlineMoveMobile 5s ease-in-out infinite,
      heroHeadlineGlow 3.2s ease-in-out infinite alternate;
  }

  @keyframes heroHeadlineMoveMobile{
    0%,100%{transform:translateX(0)}
    50%{transform:translateX(6px)}
  }
}

@media(prefers-reduced-motion:reduce){
  .animated-hero-headline{
    animation:none!important;
    filter:none!important;
  }
}


/* ===== Graphic Design Must Stay Static ===== */
.graphic-static-card,
.graphic-static-card *,
.graphic-static-gallery,
.graphic-static-gallery *,
.graphic-static-slide,
.graphic-static-slide *{
  animation:none!important;
  transition:none!important;
}
.graphic-static-card img,
.graphic-static-card:hover img,
.graphic-static-card .card-media,
.graphic-static-card:hover .card-media{
  transform:none!important;
}
.graphic-static-gallery{
  width:100%;
  overflow:hidden;
}
.graphic-static-gallery img{
  width:100%;
  height:260px;
  object-fit:cover;
  display:block;
}

.account-greeting{
  margin-bottom:16px;
  padding:11px 13px;
  border:1px solid rgba(24,199,154,.28);
  background:rgba(24,199,154,.07);
  color:#baffea;
  border-radius:12px;
  font-size:13px;
}

/* Graphic Design: single static showcase image */
.graphic-static img:not(:first-of-type),
.graphic-design img:not(:first-of-type),
[data-service="graphic-design"] img:not(:first-of-type) {
  display: none !important;
}
.graphic-static, .graphic-design, [data-service="graphic-design"] {
  animation: none !important;
  transform: none !important;
}

/* Graphic Design section: all pictures removed/hidden */
.graphic-static img,
.graphic-design img,
[data-service="graphic-design"] img,
.graphic-static picture,
.graphic-design picture,
[data-service="graphic-design"] picture,
.graphic-static .service-media,
.graphic-design .service-media,
[data-service="graphic-design"] .service-media,
.graphic-static .gallery,
.graphic-design .gallery,
[data-service="graphic-design"] .gallery {
  display: none !important;
}
.graphic-static,
.graphic-design,
[data-service="graphic-design"] {
  animation: none !important;
}




/* ===== TRUE DESKTOP LAYOUT FIX ===== */

/*
  The original stylesheet collapses hero/contact/dashboard at 960px.
  These rules deliberately keep a desktop layout from 700px upward.
  Only screens below 700px use the phone layout.
*/

html, body{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

.container{
  width:min(1240px, calc(100% - 48px))!important;
  max-width:1240px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Real desktop + laptop layout */
@media (min-width:700px){

  /* Navigation */
  .nav-inner{
    height:78px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
  }

  .menu-btn{
    display:none!important;
  }

  .nav-links{
    display:flex!important;
    position:static!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:14px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }

  .nav-links a{
    display:inline-flex!important;
    padding:6px 0!important;
    font-size:13px!important;
  }

  .nav-actions{
    display:flex!important;
  }

  /* Hero: always 2 columns on laptop */
  .hero{
    padding:64px 0 54px!important;
  }

  .hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important;
    gap:42px!important;
    align-items:center!important;
  }

  .hero-grid > div{
    min-width:0!important;
  }

  .hero h1{
    font-size:clamp(46px,5.3vw,76px)!important;
    line-height:1!important;
  }

  .photo-card{
    display:block!important;
    width:100%!important;
    max-width:540px!important;
    margin-left:auto!important;
  }

  .photo-card img{
    display:block!important;
    width:100%!important;
    aspect-ratio:4/5!important;
    object-fit:cover!important;
    border-radius:22px!important;
  }

  /* Section heading stays horizontal */
  .section-head{
    display:flex!important;
    align-items:end!important;
    justify-content:space-between!important;
    gap:38px!important;
  }

  .section-head > *{
    min-width:0!important;
  }

  /* Actual services class is grid-5 */
  .grid-5{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:20px!important;
  }

  .grid-3{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:20px!important;
  }

  .grid-2{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:24px!important;
  }

  /* Dashboard: real two-column shell */
  .dashboard{
    display:grid!important;
    grid-template-columns:260px minmax(0,1fr)!important;
    min-height:620px!important;
  }

  .sidebar{
    border-right:1px solid var(--line)!important;
    border-bottom:0!important;
  }

  .dash-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .dashboard-cover{
    display:flex!important;
    align-items:center!important;
  }

  /* Contact: two columns */
  .contact{
    display:grid!important;
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
    gap:24px!important;
    align-items:start!important;
  }

  /* Creative / media */
  .creative-grid{
    display:grid!important;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;
    gap:20px!important;
  }

  .video-stack{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }

  /* Footer horizontal */
  .footer-inner{
    display:grid!important;
    grid-template-columns:1.2fr 1fr 1fr!important;
    align-items:start!important;
    gap:28px!important;
  }

  .fashion-carousel{
    height:340px!important;
  }
}

/* Wide desktop */
@media (min-width:1100px){
  .container{
    width:min(1280px, calc(100% - 64px))!important;
    max-width:1280px!important;
  }

  .grid-5{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }

  .hero-grid{
    grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr)!important;
    gap:60px!important;
  }

  .nav-links{
    gap:18px!important;
  }
}

/* Phone layout only */
@media (max-width:699px){
  .container{
    width:calc(100% - 30px)!important;
  }

  .menu-btn{
    display:block!important;
  }

  .nav-actions{
    display:none!important;
  }

  .hero-grid,
  .contact,
  .dashboard,
  .creative-grid{
    grid-template-columns:1fr!important;
  }

  .grid-5,
  .grid-3,
  .grid-2,
  .video-stack{
    grid-template-columns:1fr!important;
  }

  .dashboard{
    display:grid!important;
  }

  .sidebar{
    border-right:0!important;
    border-bottom:1px solid var(--line)!important;
  }

  .section-head{
    display:block!important;
  }

  .footer-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}


/* ===== FORCE DESKTOP ON MOUSE / TRACKPAD DEVICES ===== */
/* This avoids Safari zoom/window-width accidentally triggering the mobile layout on Mac. */
@media (hover:hover) and (pointer:fine) {
  .container{
    width:min(1240px, calc(100% - 48px))!important;
    max-width:1240px!important;
    margin-inline:auto!important;
  }

  .menu-btn{
    display:none!important;
  }

  .nav-inner{
    min-height:78px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding:10px 0!important;
  }

  .brand{
    flex:0 0 auto!important;
    min-width:max-content!important;
  }

  .nav-links{
    display:flex!important;
    position:static!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    margin:0 0 0 auto!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px 14px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
  }

  .nav-links a{
    display:inline-flex!important;
    width:auto!important;
    padding:5px 0!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }

  .nav-actions{
    display:flex!important;
    flex:0 0 auto!important;
  }

  .nav-actions .btn{
    padding:10px 12px!important;
    font-size:12px!important;
  }

  .hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)!important;
    gap:40px!important;
    align-items:center!important;
  }

  .hero-grid > *{
    min-width:0!important;
  }

  .hero h1{
    font-size:clamp(44px,5vw,76px)!important;
    line-height:1!important;
  }

  .photo-card{
    display:block!important;
    width:100%!important;
    max-width:520px!important;
    margin-left:auto!important;
  }

  .photo-card img{
    display:block!important;
    width:100%!important;
    aspect-ratio:4/5!important;
    object-fit:cover!important;
  }

  .section-head{
    display:flex!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    align-items:end!important;
    gap:36px!important;
  }

  .grid-5{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:20px!important;
  }

  .grid-3{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:20px!important;
  }

  .grid-2{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:24px!important;
  }

  .creative-grid{
    display:grid!important;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;
    gap:20px!important;
  }

  .video-stack{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:16px!important;
  }

  .dashboard{
    display:grid!important;
    grid-template-columns:260px minmax(0,1fr)!important;
  }

  .sidebar{
    border-right:1px solid var(--line)!important;
    border-bottom:0!important;
  }

  .dash-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .contact{
    display:grid!important;
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
    gap:24px!important;
  }

  .footer-inner{
    display:grid!important;
    grid-template-columns:1.2fr 1fr 1fr!important;
    align-items:start!important;
    gap:28px!important;
  }
}

/* Wide mouse/trackpad desktop */
@media (hover:hover) and (pointer:fine) and (min-width:1000px) {
  .grid-5{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }

  .nav-links a{
    font-size:13px!important;
  }

  .hero-grid{
    gap:56px!important;
  }
}


html.desktop-device .menu-btn{display:none!important}
html.desktop-device .nav-links{
  display:flex!important;position:static!important;width:auto!important;height:auto!important;
  flex-direction:row!important;flex-wrap:wrap!important;visibility:visible!important;opacity:1!important;
  transform:none!important;background:transparent!important;border:0!important;
}
html.desktop-device .hero-grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)!important;gap:40px!important}
html.desktop-device .grid-5{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
html.desktop-device .dashboard{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important}
html.desktop-device .contact{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important}
html.desktop-device .footer-inner{display:grid!important;grid-template-columns:1.2fr 1fr 1fr!important}

[hidden]{display:none!important;}

/* Media showcase */
.media-section{position:relative;overflow:hidden}
.media-section:before{content:"";position:absolute;inset:8% -10% auto auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(72,187,255,.12),transparent 68%);pointer-events:none}
.media-featured{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:0;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(14,29,42,.96),rgba(5,15,24,.98));box-shadow:0 24px 70px rgba(0,0,0,.22);margin-bottom:28px}
.media-featured-video{min-height:360px;background:#000;display:flex;align-items:center}
.media-featured-video video{display:block;width:100%;height:100%;min-height:360px;max-height:560px;object-fit:cover;background:#000}
.media-featured-copy{padding:42px;display:flex;flex-direction:column;justify-content:center}
.media-featured-copy h3{font-size:clamp(28px,3vw,44px);line-height:1.05;margin:10px 0 14px}
.media-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--accent,#6ee7ff)}
.media-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}
.media-filter{border:1px solid var(--line);background:rgba(255,255,255,.025);color:inherit;border-radius:999px;padding:10px 16px;cursor:pointer;font:inherit;font-weight:700;transition:.2s ease}
.media-filter:hover,.media-filter.active{transform:translateY(-1px);background:rgba(255,255,255,.09);border-color:rgba(116,200,255,.45)}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.media-item{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(8,22,32,.8);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.media-item:hover{transform:translateY(-5px);border-color:rgba(116,200,255,.4);box-shadow:0 18px 48px rgba(0,0,0,.2)}
.media-item[hidden]{display:none!important}
.media-wide{grid-column:span 2}
.media-visual{aspect-ratio:16/10;background:#050a0f;overflow:hidden}
.media-wide .media-visual{aspect-ratio:16/7.5}
.media-visual img,.media-visual video{display:block;width:100%;height:100%;object-fit:cover}
.media-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}
.media-caption span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.media-caption strong{font-size:14px;text-align:right}
@media(max-width:900px){.media-featured{grid-template-columns:1fr}.media-featured-copy{padding:28px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-wide{grid-column:span 2}}
@media(max-width:620px){.media-grid{grid-template-columns:1fr}.media-wide{grid-column:span 1}.media-featured-video,.media-featured-video video{min-height:230px}.media-caption{align-items:flex-start;flex-direction:column}.media-caption strong{text-align:left}}

/* ===== Media Library Folders ===== */
.media-folder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:10px 0 28px}
.media-folder{display:flex;align-items:center;gap:14px;text-align:left;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);color:inherit;cursor:pointer;transition:.22s ease;font:inherit}
.media-folder:hover,.media-folder.active{transform:translateY(-3px);border-color:rgba(116,200,255,.5);background:rgba(255,255,255,.075);box-shadow:0 14px 34px rgba(0,0,0,.18)}
.media-folder-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(24,199,154,.1);border:1px solid rgba(24,199,154,.22);font-size:18px;flex:0 0 auto}
.media-folder span:last-child{display:grid;gap:3px}.media-folder strong{font-size:15px}.media-folder small{color:var(--muted);font-size:11px}
.media-folder-panel{border-top:1px solid var(--line);padding-top:24px}.media-folder-panel[hidden]{display:none!important}
.media-folder-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}.media-folder-head h3{font-size:clamp(28px,3vw,40px);margin:5px 0 0}.media-folder-head p{max-width:480px}
.media-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-video-grid .media-visual{aspect-ratio:16/9}
@media(max-width:900px){.media-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-folder-head{align-items:flex-start;flex-direction:column}.media-video-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.media-folder-grid,.media-video-grid{grid-template-columns:1fr}.media-folder{padding:15px}}

/* Gallery navigation and photo sub-sections */
.gallery-section{position:relative;overflow:hidden}
.gallery-section:before{content:"";position:absolute;left:-140px;top:80px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(24,199,154,.1),transparent 68%);pointer-events:none}
.gallery-folder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:10px 0 28px}
.gallery-folder{display:flex;align-items:center;gap:14px;text-align:left;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);color:inherit;cursor:pointer;transition:.22s ease;font:inherit}
.gallery-folder:hover,.gallery-folder.active{transform:translateY(-3px);border-color:rgba(24,199,154,.5);background:rgba(255,255,255,.075);box-shadow:0 14px 34px rgba(0,0,0,.18)}
.gallery-folder-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(116,200,255,.1);border:1px solid rgba(116,200,255,.22);font-size:18px;flex:0 0 auto}
.gallery-folder span:last-child{display:grid;gap:3px}.gallery-folder strong{font-size:15px}.gallery-folder small{color:var(--muted);font-size:11px}
.gallery-folder-panel{border-top:1px solid var(--line);padding-top:24px}.gallery-folder-panel[hidden]{display:none!important}
.gallery-folder-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}.gallery-folder-head h3{font-size:clamp(28px,3vw,40px);margin:5px 0 0}.gallery-folder-head p{max-width:480px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gallery-item{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(8,22,32,.8);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.gallery-item:hover{transform:translateY(-5px);border-color:rgba(24,199,154,.4);box-shadow:0 18px 48px rgba(0,0,0,.2)}
.gallery-item img{width:100%;height:300px;object-fit:cover;display:block}
.gallery-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.gallery-caption span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.gallery-caption strong{font-size:14px;text-align:right}.gallery-wide{grid-column:span 2}.gallery-wide img{height:390px}
.empty-library-note{border:1px dashed var(--line);border-radius:18px;padding:24px;color:var(--muted);background:rgba(255,255,255,.02)}
@media(max-width:900px){.gallery-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-folder-head{align-items:flex-start;flex-direction:column}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-wide{grid-column:span 2}}
@media(max-width:620px){.gallery-folder-grid,.gallery-grid{grid-template-columns:1fr}.gallery-folder{padding:15px}.gallery-wide{grid-column:span 1}.gallery-item img,.gallery-wide img{height:280px}.gallery-caption{align-items:flex-start;flex-direction:column}.gallery-caption strong{text-align:left}}

/* Form feedback added for account and enquiry reliability */
.auth-live-status{margin-top:14px;padding:13px 15px;border:1px solid #294158;border-radius:12px;background:#0b1722;color:#c8d6e5;font-weight:700;line-height:1.45}
.auth-live-status.success{border-color:#20c997;background:rgba(32,201,151,.10);color:#9ff3d7}
.auth-live-status.error{border-color:#ef6b73;background:rgba(239,107,115,.10);color:#ffc3c7}

/* ===== Client Profile / Account Dashboard ===== */
.profile-page{min-height:calc(100vh - 80px);padding:52px 0 70px;background:radial-gradient(700px 420px at 85% 0%,rgba(24,199,154,.08),transparent 60%)}
.profile-loading{min-height:55vh;display:grid;place-items:center;color:var(--muted);font-weight:700}.profile-app{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.client-profile-card,.profile-panel,.profile-welcome{border:1px solid var(--line);background:linear-gradient(180deg,rgba(16,29,43,.98),rgba(8,17,26,.98));border-radius:24px}.client-profile-card{padding:28px;position:sticky;top:96px}.client-avatar{width:86px;height:86px;border-radius:24px;display:grid;place-items:center;font-size:30px;font-weight:900;background:linear-gradient(135deg,var(--green),#2f6fff);color:#041019;margin-bottom:18px}.client-profile-card .status{display:inline-flex;margin-bottom:14px}.client-profile-card h1{font-size:28px;margin:4px 0}.profile-id-box{margin:24px 0 10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#09131e}.profile-id-box small{display:block;color:var(--muted);margin-bottom:5px}.profile-id-box strong{font-size:13px;letter-spacing:.06em}.profile-summary-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.profile-summary-row span{color:var(--muted)}.profile-summary-row strong{text-align:right}.profile-full-btn{width:100%;margin-top:22px;text-align:center}.profile-content{display:grid;gap:22px}.profile-welcome{padding:26px;display:flex;justify-content:space-between;gap:24px;align-items:center}.profile-welcome h2{font-size:32px;margin:6px 0}.profile-security{padding:10px 13px;border-radius:999px;border:1px solid rgba(24,199,154,.28);background:rgba(24,199,154,.07);color:#bfffe9;font-size:12px;font-weight:800;white-space:nowrap}.profile-security span{color:var(--green)}.profile-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.profile-panel{padding:24px}.profile-panel h3{font-size:20px;margin:0 0 5px}.profile-panel-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:20px}.profile-form{display:grid;gap:14px}.profile-form input:disabled{opacity:.68;cursor:not-allowed}.profile-count{min-width:36px;height:36px;border-radius:12px;background:rgba(47,111,255,.13);border:1px solid rgba(47,111,255,.25);display:grid;place-items:center;font-weight:900}.profile-inline-status{font-size:12px;font-weight:800}.profile-inline-status.success{color:#9ef2d8}.profile-inline-status.error{color:#ff9fa6}.profile-enquiries{display:grid;gap:11px;max-height:560px;overflow:auto;padding-right:3px}.enquiry-item{padding:16px;border:1px solid var(--line);border-radius:15px;background:#09131e}.enquiry-item>div{display:flex;justify-content:space-between;gap:15px;margin-bottom:8px}.enquiry-item time{font-size:11px;color:var(--muted)}.enquiry-item p{margin:0;color:#c8d3de;line-height:1.55;font-size:13px}.profile-empty{padding:32px 18px;text-align:center;border:1px dashed var(--line);border-radius:16px}.profile-empty .btn{margin-top:10px}.profile-error{max-width:650px;text-align:center;padding:30px;border:1px solid rgba(255,99,110,.3);border-radius:20px;background:rgba(255,99,110,.06)}.profile-error p{color:#ffc4c8;line-height:1.6}
@media(max-width:960px){.profile-app,.profile-grid{grid-template-columns:1fr}.client-profile-card{position:static}.profile-welcome{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.profile-page{padding:28px 0 48px}.client-profile-card,.profile-panel,.profile-welcome{border-radius:19px}.profile-panel,.profile-welcome,.client-profile-card{padding:20px}.profile-welcome h2{font-size:27px}.profile-form .form-row{grid-template-columns:1fr}.profile-security{white-space:normal}}