:root{
  --bg:#0A0C13;
  --panel:#12172A;
  --panel-2:#171D33;
  --amber:#E8A33D;
  --amber-2:#F4C874;
  --red:#D24C46;
  --ink:#ECE9E1;
  --ink-dim:#9599AE;
  --line:rgba(236,233,225,0.1);
  --line-strong:rgba(236,233,225,0.18);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Manrope',system-ui,sans-serif;
  font-weight:400;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.display{
  font-family:'Teko',system-ui,sans-serif;
  font-weight:600;
  letter-spacing:0.01em;
  line-height:1.02;
  margin:0;
  color:var(--ink);
}
p{margin:0;}
a{color:inherit;text-decoration:none;}
img,svg{display:block;max-width:100%;}
ul{margin:0;padding:0;list-style:none;}
button{font-family:inherit;}

:focus-visible{outline:2px solid var(--amber);outline-offset:3px;}

.wrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 32px;
}

/* ---------- NAV ---------- */
.nav{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(10,12,19,0.86);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.nav .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:72px;
}
.brand{
  font-family:'Teko',sans-serif;
  font-size:1.7rem;
  font-weight:700;
  letter-spacing:0.02em;
  color:var(--ink);
  display:flex;
  align-items:center;
  gap:8px;
}
.brand .dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--amber);
  box-shadow:0 0 10px 2px rgba(232,163,61,0.7);
}
.nav-links{
  display:flex;
  align-items:center;
  gap:30px;
}
.nav-links a{
  font-size:0.95rem;
  color:var(--ink-dim);
  transition:color .15s ease;
}
.nav-links a:hover, .nav-links a.active{color:var(--ink);}
.nav-actions{display:flex;align-items:center;gap:14px;}
.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 22px;
  border-radius:3px;
  font-size:0.95rem;
  font-weight:700;
  border:1px solid transparent;
  cursor:pointer;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
  white-space:nowrap;
}
.btn-primary{background:var(--amber); color:#171000;}
.btn-primary:hover{background:var(--amber-2); transform:translateY(-1px);}
.btn-ghost{background:transparent; border-color:var(--line-strong); color:var(--ink);}
.btn-ghost:hover{border-color:var(--amber); color:var(--amber-2);}
.btn-small{padding:9px 16px;font-size:0.85rem;}

.nav-toggle{display:none; background:none; border:none; color:var(--ink); padding:8px; cursor:pointer;}

/* ---------- STATUS BAR ---------- */
.status-bar{
  background:var(--panel);
  border-bottom:1px solid var(--line);
  padding:9px 0;
}
.status-bar .wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  flex-wrap:wrap;
  font-size:0.82rem;
  color:var(--ink-dim);
}
.status-bar .live-dot{
  width:7px;height:7px;border-radius:50%;
  background:#5FD98A;
  display:inline-block;
  margin-right:8px;
  box-shadow:0 0 0 0 rgba(95,217,138,0.5);
  animation:pulse 2s infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(95,217,138,0.45);}
  70%{box-shadow:0 0 0 7px rgba(95,217,138,0);}
  100%{box-shadow:0 0 0 0 rgba(95,217,138,0);}
}
.status-bar strong{color:var(--ink); font-weight:700;}
.status-bar button{
  background:none;border:none;color:var(--ink-dim);
  cursor:pointer; font-size:0.82rem; font-family:inherit;
  display:flex; align-items:center; gap:6px;
  transition:color .15s ease;
}
.status-bar button:hover{color:var(--amber-2);}
.status-bar svg{width:13px;height:13px;stroke:currentColor;}

/* ---------- PAGE HERO (subpages) ---------- */
.page-hero{
  position:relative;
  padding:120px 0 90px;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(9,11,18,0.86) 0%, rgba(11,14,25,0.9) 55%, rgba(10,12,19,1) 100%),
    var(--bg-photo) center/cover no-repeat;
}
.page-hero .wrap{position:relative; z-index:2;}
.page-hero .kicker{font-size:0.98rem; color:var(--amber-2); font-weight:600; margin-bottom:14px;}
.page-hero h1{font-size:clamp(3rem, 7vw, 5rem);}
.page-hero p{max-width:560px; margin-top:16px; color:var(--ink-dim); font-size:1.05rem;}

/* ---------- HERO (home) ---------- */
.hero{
  position:relative;
  min-height:88vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(ellipse 900px 500px at 20% -10%, rgba(232,163,61,0.20), transparent 60%),
    radial-gradient(ellipse 700px 500px at 85% 10%, rgba(210,76,70,0.14), transparent 60%),
    linear-gradient(180deg, rgba(9,11,18,0.82) 0%, rgba(11,14,25,0.88) 55%, rgba(16,20,36,0.96) 100%),
    url('https://images.unsplash.com/photo-1443175679639-685643a7fd62?w=2400&q=70&auto=format&fit=crop') center 30%/cover no-repeat;
}
.hero-glow{
  position:absolute; left:50%; top:38%; width:900px; height:900px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(232,163,61,0.14) 0%, transparent 65%);
  pointer-events:none;
  transition:transform .3s ease-out;
}
.hero-particles{position:absolute; inset:0; z-index:1; pointer-events:none;}
.hero-content{position:relative; z-index:2; padding-top:40px; text-align:left;}
.kicker{font-size:0.98rem; color:var(--amber-2); font-weight:600; margin-bottom:18px; max-width:480px;}
.hero h1{font-size:clamp(4.2rem, 11vw, 8.2rem); color:var(--ink);}
.hero-tag{max-width:560px; margin-top:20px; font-size:1.15rem; color:var(--ink-dim);}
.hero-actions{display:flex; gap:16px; margin-top:38px; flex-wrap:wrap;}

.readout{
  margin-top:48px; display:flex; border:1px solid var(--line-strong);
  background:rgba(18,23,42,0.6); border-radius:4px; overflow:hidden; max-width:760px;
}
.readout-item{flex:1; padding:16px 22px; border-right:1px solid var(--line);}
.readout-item:last-child{border-right:none;}
.readout-num{font-family:'Teko',sans-serif; font-size:2rem; color:var(--amber-2); line-height:1;}
.readout-label{font-size:0.8rem; color:var(--ink-dim); margin-top:4px;}

.skyline{position:relative; z-index:1; width:100%; height:180px; margin-top:40px;}
.skyline svg{position:absolute; bottom:0; left:0; width:100%; height:100%;}

/* ---------- TICKER ---------- */
.ticker{background:var(--panel); border-top:1px solid var(--line); border-bottom:1px solid var(--line); overflow:hidden; padding:16px 0;}
.ticker-track{display:flex; width:max-content; animation:scroll 32s linear infinite;}
.ticker-track span{
  display:inline-flex; align-items:center; font-size:0.95rem; color:var(--ink-dim);
  padding:0 28px; white-space:nowrap; border-right:1px solid var(--line-strong);
}
.ticker-track span::before{content:""; width:5px; height:5px; background:var(--amber); border-radius:50%; margin-right:12px;}
@keyframes scroll{from{transform:translateX(0);} to{transform:translateX(-50%);}}

/* ---------- SECTIONS ---------- */
section{padding:120px 0;}
.section-head{max-width:620px; margin-bottom:56px;}
.section-head h2{font-size:clamp(2.4rem, 5vw, 3.4rem);}
.section-head p{margin-top:16px; color:var(--ink-dim); font-size:1.05rem;}

/* ---------- DESPRE (photo bg) ---------- */
.despre{
  position:relative;
  background:
    linear-gradient(100deg, rgba(9,11,17,0.94) 30%, rgba(9,11,17,0.55) 100%),
    url('https://images.unsplash.com/photo-1755271849431-b81e25fc4332?w=2200&q=65&auto=format&fit=crop') center/cover no-repeat;
}
.despre .wrap{display:grid; grid-template-columns:1.1fr 0.9fr; gap:80px; align-items:center;}
.despre-text p{color:var(--ink-dim); font-size:1.06rem; margin-bottom:20px;}
.despre-text p:last-child{margin-bottom:0;}
.despre-text strong{color:var(--ink); font-weight:700;}

.idcard{
  background:linear-gradient(160deg, var(--panel-2), var(--panel));
  border:1px solid var(--line-strong); border-radius:10px; padding:26px;
  position:relative; box-shadow:0 30px 60px -30px rgba(0,0,0,0.7);
}
.idcard-top{display:flex; justify-content:space-between; align-items:flex-start; border-bottom:1px solid var(--line); padding-bottom:16px; margin-bottom:20px;}
.idcard-top .label{font-size:0.72rem; color:var(--ink-dim); letter-spacing:0.03em;}
.idcard-top .value{font-family:'Teko',sans-serif; font-size:1.5rem; color:var(--amber-2);}
.idcard-row{display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px dashed var(--line); font-size:0.92rem;}
.idcard-row span:first-child{color:var(--ink-dim);}
.idcard-row span:last-child{color:var(--ink); font-weight:600;}
.idcard-photo{
  width:100%; height:110px; border-radius:6px; margin-bottom:18px;
  background:repeating-linear-gradient(135deg, rgba(232,163,61,0.14) 0 2px, transparent 2px 10px), linear-gradient(135deg, #1c2340, #0f1324);
  border:1px solid var(--line);
}
.idcard-strip{margin-top:20px; height:14px; border-radius:2px; background:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 5px); opacity:0.75;}

/* ---------- ORAS / FEATURES ---------- */
.oras{background:#0D1120;}
.feature-grid{display:grid; grid-template-columns:repeat(3, 1fr); grid-auto-rows:200px; gap:1px; background:var(--line); border:1px solid var(--line);}
.feature{
  position:relative;
  padding:32px; display:flex; flex-direction:column; justify-content:space-between;
  background-color:var(--panel);
  background-size:cover; background-position:center;
  transition:transform .15s ease;
  will-change:transform;
}
.feature::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(18,23,42,0.86) 0%, rgba(18,23,42,0.94) 100%);
  transition:background .2s ease;
}
.feature:hover::before{background:linear-gradient(180deg, rgba(18,23,42,0.75) 0%, rgba(18,23,42,0.88) 100%);}
.feature.big{grid-column:span 2; grid-row:span 2;}
.feature > *{position:relative; z-index:1;}
.feature svg{width:30px; height:30px; stroke:var(--amber-2); flex-shrink:0;}
.feature h3{font-family:'Manrope',sans-serif; font-size:1.1rem; font-weight:700; color:var(--ink); margin-top:20px;}
.feature.big h3{font-size:1.6rem;}
.feature p{margin-top:8px; font-size:0.92rem; color:var(--ink-dim);}

/* ---------- REVEAL ---------- */
.reveal{opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease;}
.reveal.in{opacity:1; transform:translateY(0);}

/* ---------- TOAST ---------- */
.toast{
  position:fixed; left:50%; bottom:32px; transform:translateX(-50%) translateY(20px);
  background:var(--amber); color:#171000; font-weight:700; font-size:0.9rem;
  padding:12px 22px; border-radius:4px; opacity:0; pointer-events:none;
  transition:opacity .25s ease, transform .25s ease; z-index:200;
}
.toast.show{opacity:1; transform:translateX(-50%) translateY(0);}

/* ---------- GALLERY ---------- */
.galerie{background:var(--bg);}
.gallery-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:14px;}
.gallery-item{position:relative; aspect-ratio:4/5; border-radius:6px; overflow:hidden; cursor:zoom-in; border:1px solid var(--line);}
.gallery-item img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease, filter .5s ease; filter:saturate(0.9) brightness(0.85);}
.gallery-item:hover img{transform:scale(1.06); filter:saturate(1) brightness(0.95);}
.gallery-item::after{
  content:attr(data-caption); position:absolute; left:0; right:0; bottom:0; padding:14px;
  font-size:0.85rem; color:var(--ink); background:linear-gradient(0deg, rgba(0,0,0,0.75), transparent);
  opacity:0; transform:translateY(6px); transition:opacity .25s ease, transform .25s ease;
}
.gallery-item:hover::after{opacity:1; transform:translateY(0);}

.lightbox{position:fixed; inset:0; background:rgba(6,7,12,0.92); display:none; align-items:center; justify-content:center; z-index:300; padding:40px;}
.lightbox.open{display:flex;}
.lightbox img{max-width:min(1100px, 92vw); max-height:86vh; border-radius:6px; box-shadow:0 40px 90px -30px rgba(0,0,0,0.8);}
.lightbox-close{
  position:absolute; top:26px; right:28px; width:42px; height:42px; border-radius:50%;
  background:rgba(255,255,255,0.06); border:1px solid var(--line-strong); color:var(--ink);
  display:flex; align-items:center; justify-content:center; cursor:pointer;
}
.lightbox-close:hover{background:rgba(255,255,255,0.12);}

/* ---------- REGULI ---------- */
.reguli-intro{max-width:640px; margin-bottom:60px;}
.reguli-groups{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.reguli-panel{
  background:var(--panel); border:1px solid var(--line-strong); border-left:3px solid var(--red);
  border-radius:6px; padding:32px;
}
.reguli-panel .tag{font-size:0.78rem; color:var(--red); font-weight:700; margin-bottom:6px;}
.reguli-panel h3{font-family:'Manrope',sans-serif; font-size:1.25rem; font-weight:700; margin-bottom:16px;}
.reguli-list li{display:flex; gap:12px; padding:14px 0; border-top:1px solid var(--line); font-size:0.95rem; color:var(--ink-dim);}
.reguli-list li:first-child{border-top:none;}
.reguli-list li::before{content:"—"; color:var(--amber); flex-shrink:0;}
.reguli-list strong{color:var(--ink); font-weight:700;}

/* ---------- SHOP ---------- */
.shop-note{
  max-width:680px; margin-bottom:60px; padding:20px 24px; border-radius:6px;
  background:var(--panel); border:1px solid var(--line-strong); border-left:3px solid var(--amber);
  color:var(--ink-dim); font-size:0.95rem;
}
.shop-note strong{color:var(--ink);}
.pricing-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:22px; margin-bottom:90px;}
.price-card{
  background:var(--panel); border:1px solid var(--line-strong); border-radius:10px; padding:34px;
  display:flex; flex-direction:column; position:relative;
  transition:transform .15s ease;
  will-change:transform;
}
.price-card.featured{border-color:var(--amber); background:linear-gradient(160deg, #1C1710, var(--panel-2));}
.price-card .badge{
  position:absolute; top:-13px; left:34px; background:var(--amber); color:#171000;
  font-size:0.72rem; font-weight:700; padding:4px 12px; border-radius:3px;
}
.price-card h3{font-family:'Manrope',sans-serif; font-size:1.3rem; font-weight:700; margin-bottom:6px;}
.price-card .price{font-family:'Teko',sans-serif; font-size:2.8rem; color:var(--amber-2); line-height:1; margin:14px 0 20px;}
.price-card .price span{font-family:'Manrope',sans-serif; font-size:0.95rem; color:var(--ink-dim); font-weight:600;}
.price-card ul{flex:1; margin-bottom:26px;}
.price-card li{
  display:flex; gap:10px; padding:9px 0; font-size:0.92rem; color:var(--ink-dim); border-top:1px solid var(--line);
}
.price-card li:first-child{border-top:none;}
.price-card li svg{width:16px; height:16px; stroke:var(--amber); flex-shrink:0; margin-top:2px;}

.item-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.item-card{
  background:var(--panel); border:1px solid var(--line-strong); border-radius:8px; padding:24px;
  display:flex; justify-content:space-between; align-items:center; gap:16px;
}
.item-card h4{font-family:'Manrope',sans-serif; font-size:1rem; font-weight:700; margin-bottom:4px;}
.item-card p{font-size:0.85rem; color:var(--ink-dim);}
.item-card .item-price{font-family:'Teko',sans-serif; font-size:1.6rem; color:var(--amber-2); white-space:nowrap;}

/* ---------- CTA FINAL ---------- */
.cta-final{padding:100px 0;}
.cta-box{
  position:relative;
  border:1px solid var(--line-strong); border-radius:12px; padding:64px;
  display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap;
  overflow:hidden;
  background:
    linear-gradient(115deg, rgba(28,23,16,0.9) 0%, rgba(23,29,51,0.88) 60%),
    url('https://images.unsplash.com/photo-1507235071172-438ca6950a8e?w=1800&q=65&auto=format&fit=crop') center/cover no-repeat;
}
.cta-box h2{font-size:clamp(2.1rem,4.2vw,2.9rem); max-width:520px;}
.cta-actions{display:flex; gap:16px; flex-wrap:wrap;}

/* ---------- FOOTER ---------- */
footer{border-top:1px solid var(--line); padding:60px 0 32px; background:#080A10;}
.footer-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:40px; padding-bottom:40px;}
.footer-brand .brand{margin-bottom:14px;}
.footer-brand p{color:var(--ink-dim); font-size:0.92rem; max-width:320px;}
.footer-ip{margin-top:18px; font-family:'Teko',sans-serif; font-size:1.3rem; color:var(--amber-2);}
.footer h4{font-family:'Manrope',sans-serif; font-size:0.85rem; color:var(--ink); font-weight:700; margin-bottom:16px;}
.footer-col a{display:block; color:var(--ink-dim); font-size:0.92rem; padding:6px 0; transition:color .15s ease;}
.footer-col a:hover{color:var(--amber-2);}
.footer-bottom{
  border-top:1px solid var(--line); padding-top:24px; display:flex; justify-content:space-between;
  flex-wrap:wrap; gap:12px; font-size:0.82rem; color:var(--ink-dim);
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .ticker-track{animation:none;}
  .reveal{opacity:1; transform:none; transition:none;}
  .gallery-item img{transition:none;}
  .status-bar .live-dot{animation:none;}
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:900px){
  .despre .wrap{grid-template-columns:1fr;}
  .reguli-groups{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .feature-grid{grid-template-columns:repeat(2,1fr);}
  .feature.big{grid-column:span 2; grid-row:span 1;}
  .gallery-grid{grid-template-columns:repeat(2, 1fr);}
  .pricing-grid{grid-template-columns:1fr;}
  .item-grid{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .nav-links{
    position:absolute; top:72px; left:0; right:0; background:#0A0C13;
    flex-direction:column; align-items:flex-start; padding:20px 32px;
    border-bottom:1px solid var(--line); gap:16px; display:none;
  }
  .nav-links.open{display:flex;}
  .nav-toggle{display:block;}
  .nav .btn-ghost{display:none;}
  .status-bar .wrap{gap:16px; font-size:0.76rem;}
  section{padding:80px 0;}
  .wrap{padding:0 22px;}
  .cta-box{padding:36px;}
  .readout{flex-direction:column;}
  .readout-item{border-right:none; border-bottom:1px solid var(--line);}
  .readout-item:last-child{border-bottom:none;}
  .feature-grid{grid-template-columns:1fr;}
  .feature.big{grid-column:span 1;}
  .footer-grid{grid-template-columns:1fr;}
  .page-hero{padding:100px 0 60px;}
}