
*{box-sizing:border-box;margin:0;padding:0}
:root{--black:#0b0c0e;--ink:#141518;--charcoal:#202226;--gray:#6b7078;--line:#e5e7eb;--paper:#f4f5f7;--white:#fff;--red:#d20f1f;--red2:#ff3347;--red-dark:#a70b17;--blue:#1596ff;--radius:28px;--shadow:0 24px 70px rgba(10,12,16,.14);--soft-shadow:0 14px 40px rgba(10,12,16,.08)}
html{scroll-behavior:smooth}body{font-family:Inter,Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);line-height:1.65}body.no-scroll{overflow:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.hidden{display:none!important}
.site-header{background:radial-gradient(circle at 82% 9%,rgba(21,150,255,.24),transparent 30%),radial-gradient(circle at 70% 10%,rgba(210,15,31,.24),transparent 24%),linear-gradient(135deg,#090a0c 0%,#15171b 48%,#2b2d33 100%);color:#fff;overflow:hidden;position:relative}.site-header:before{content:"";position:absolute;inset:auto -10% -40% -10%;height:55%;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 58%);pointer-events:none}
.topbar{max-width:1240px;margin:0 auto;padding:12px 22px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:rgba(255,255,255,.76);font-size:.92rem;border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-links{display:flex;gap:18px;flex-wrap:wrap}.topbar-links a{color:rgba(255,255,255,.82)}
.nav{max-width:1240px;margin:0 auto;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:14px}.brand-logo{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);overflow:hidden;box-shadow:0 16px 35px rgba(0,0,0,.16)}.brand-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.brand-logo.small{width:50px;height:50px;border-radius:16px}
.brand-text strong,.brand-text small{display:block}.brand-text strong{font-size:1.2rem;letter-spacing:-.02em}.brand-text small{font-size:.82rem;color:rgba(255,255,255,.62)}
.navlinks{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:6px;border-radius:999px;backdrop-filter:blur(12px)}.navlinks a{padding:10px 14px;border-radius:999px;color:rgba(255,255,255,.82);font-weight:800;font-size:.92rem}.navlinks a:hover,.navlinks .nav-cta{background:#fff;color:var(--black)}
.hero{max-width:1240px;margin:0 auto;padding:62px 22px 110px;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:#fff}.eyebrow span{width:34px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--red),var(--blue))}.eyebrow.dark{color:var(--red)}.hero h1{font-size:clamp(3rem,7.5vw,6.2rem);line-height:.92;letter-spacing:-.075em;margin:18px 0 24px;max-width:900px}.lead{font-size:clamp(1.05rem,2vw,1.25rem);color:rgba(255,255,255,.72);max-width:740px}.hero-actions,.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:13px 20px;font-weight:950;border:0;cursor:pointer;transition:.2s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;box-shadow:0 18px 36px rgba(210,15,31,.28)}.btn-dark{background:var(--ink);color:#fff}.btn-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff}.btn-ghost.light{color:var(--ink);background:#fff;border-color:var(--line)}.trust-row span{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:999px;padding:10px 13px;color:rgba(255,255,255,.78);font-weight:850;font-size:.9rem}
.hero-panel{position:relative}.hero-panel:before{content:"";position:absolute;inset:28px -8px -8px 36px;border-radius:38px;background:linear-gradient(135deg,var(--red),var(--blue) 70%);opacity:.35}.hero-panel>img{position:relative;width:100%;height:520px;object-fit:cover;border-radius:38px;background:#eef0f4;box-shadow:0 34px 90px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.16)}.panel-card{position:absolute;left:26px;right:26px;bottom:26px;background:rgba(12,13,15,.82);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);padding:20px;border-radius:24px}.panel-card strong{font-size:1.2rem}.panel-card p{color:rgba(255,255,255,.72)}.panel-card-logo{display:flex;align-items:center;gap:16px}.panel-card-logo img{width:74px;height:74px;border-radius:16px;background:#fff;padding:6px;object-fit:contain}
.floating-cta{position:fixed;right:18px;bottom:18px;z-index:20;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.floating-cta a{background:var(--red);color:#fff;border-radius:999px;padding:12px 16px;font-weight:950;box-shadow:0 16px 38px rgba(210,15,31,.34)}.floating-cta a:first-child{background:var(--black)}.floating-cta a:last-child{background:#1477ff}
.stats{max-width:1160px;margin:-54px auto 0;padding:0 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;z-index:4}.stats article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--soft-shadow)}.stats b{display:block;font-size:2.3rem;line-height:1;color:var(--red);letter-spacing:-.05em}.stats span{font-weight:900;color:var(--gray)}
.section{max-width:1240px;margin:0 auto;padding:92px 22px}.section-head{max-width:790px;margin-bottom:36px}.section-head-wide{max-width:none;display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.section-head.centered{text-align:center;margin-left:auto;margin-right:auto}.section-head h2,.why-box h2,.contact-card h2,.social-card h2{font-size:clamp(2.15rem,5vw,4.2rem);line-height:.98;letter-spacing:-.06em;margin:12px 0 16px}.section-head p,.why-box p,.contact-card p,.social-card p{color:var(--gray);font-size:1.05rem}
.service-grid{display:grid;grid-template-columns:1.1fr .95fr .95fr;gap:20px}.service-grid-4{grid-template-columns:repeat(4,1fr)}.service-card{background:#fff;border:1px solid var(--line);border-radius:32px;overflow:hidden;box-shadow:var(--soft-shadow);transition:.22s ease}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.service-card img{width:100%;height:240px;object-fit:cover;background:#eceef2}.service-card.featured img{height:310px}.card-body{padding:26px}.tag{display:inline-flex;background:#fff2f3;color:var(--red);border:1px solid #ffd7db;border-radius:999px;padding:6px 11px;font-weight:950;font-size:.78rem;margin-bottom:14px}.service-card h3{font-size:1.45rem;letter-spacing:-.025em}.service-card p{color:var(--gray);margin:8px 0 16px}.service-card ul{list-style:none;display:grid;gap:7px;font-weight:850}.service-card li:before{content:"✓";color:var(--red);font-weight:950;margin-right:8px}
.why-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center}.why-box{background:radial-gradient(circle at 85% 5%,rgba(21,150,255,.28),transparent 34%),radial-gradient(circle at 70% 8%,rgba(210,15,31,.22),transparent 25%),linear-gradient(135deg,#111216,#24262c);color:#fff;border-radius:38px;padding:48px;box-shadow:var(--shadow)}.why-box p{color:rgba(255,255,255,.72);margin-bottom:24px}.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.benefit-list article{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--soft-shadow)}.benefit-list b{color:var(--red);font-size:1.1rem}.benefit-list h3{font-size:1.2rem;margin:6px 0}.benefit-list p{color:var(--gray)}
.social-card{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:34px;padding:36px;box-shadow:var(--soft-shadow)}.social-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.gallery-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-card{background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--soft-shadow);display:flex;flex-direction:column;transition:.24s ease}.gallery-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.gallery-media{position:relative;border:0;background:none;padding:0;cursor:pointer;text-align:left}.gallery-media img{width:100%;height:270px;object-fit:cover;background:#eceef2}.zoom-hint{position:absolute;right:14px;bottom:14px;background:rgba(11,12,14,.72);color:#fff;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:900;opacity:0;transform:translateY(6px);transition:.2s ease}.gallery-card:hover .zoom-hint{opacity:1;transform:translateY(0)}.gallery-content{padding:18px 22px 22px;display:flex;flex-direction:column;gap:8px;height:100%}.gallery-tag{display:inline-flex;align-self:flex-start;background:#eef6ff;color:#0b5cbf;border:1px solid #cce3ff;border-radius:999px;padding:6px 11px;font-weight:950;font-size:.78rem}.gallery-content strong{font-size:1.1rem;line-height:1.2}.gallery-content p{color:var(--gray);font-size:.97rem}
.filter-chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.filter-chip{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:999px;font-weight:900;cursor:pointer;transition:.2s ease}.filter-chip:hover,.filter-chip.active{background:linear-gradient(135deg,var(--red),var(--red2));border-color:transparent;color:#fff;box-shadow:0 12px 24px rgba(210,15,31,.18)}
.contact-card{display:grid;grid-template-columns:1fr .95fr;gap:38px;align-items:center;background:radial-gradient(circle at 90% 10%,rgba(255,51,71,.32),transparent 32%),linear-gradient(135deg,#0b0c0e,#202226);color:#fff;border-radius:42px;padding:56px;box-shadow:var(--shadow)}.contact-card p{color:rgba(255,255,255,.73)}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-links-3{grid-template-columns:repeat(2,1fr)}.contact-links a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:18px;transition:.2s ease}.contact-links a:hover{background:linear-gradient(135deg,var(--red),var(--red2));transform:translateY(-3px)}.contact-links small{display:block;color:rgba(255,255,255,.62);font-weight:850}.contact-links strong{display:block;font-size:1.02rem}
.footer{padding:34px 22px;background:#090a0c;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer p,.footer a{color:rgba(255,255,255,.68)}.footer-brand .brand-text small{color:rgba(255,255,255,.62)}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.lightbox{position:fixed;inset:0;background:rgba(6,8,10,.82);display:none;align-items:center;justify-content:center;padding:22px;z-index:60}.lightbox.open{display:flex}.lightbox-dialog{max-width:min(1100px,100%);background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35)}.lightbox-dialog img{width:100%;max-height:78vh;object-fit:contain;background:#111}.lightbox-caption{padding:18px 22px}.lightbox-caption strong{display:block;font-size:1.12rem;margin-bottom:4px}.lightbox-caption p{color:var(--gray)}.lightbox-close{position:absolute;top:18px;right:18px;width:48px;height:48px;border-radius:999px;border:0;background:#fff;color:#111;font-size:1.8rem;line-height:1;cursor:pointer;box-shadow:var(--soft-shadow)}
.admin-page{min-height:100vh;background:radial-gradient(circle at top right,rgba(210,15,31,.32),transparent 28%),linear-gradient(135deg,#0b0c0e,#292c32);padding:34px 22px}.admin-shell{max-width:1050px;margin:0 auto}.back-link{display:inline-flex;color:#fff;margin-bottom:18px;font-weight:900}.admin-card{background:#fff;border-radius:34px;padding:38px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.admin-intro h1{font-size:clamp(2.3rem,5vw,4rem);line-height:.95;letter-spacing:-.06em}.admin-intro p{color:var(--gray);max-width:720px;margin-top:12px}.notice{background:#fff1f2;border:1px solid #ffd1d7;border-left:6px solid var(--red);padding:16px;border-radius:16px;color:#5a1a22;margin:22px 0}.admin-zone{border:1px solid var(--line);border-radius:28px;padding:24px;background:#f8f9fb}.admin-form{display:grid;gap:13px;margin-top:18px}.admin-form label{font-weight:950}.admin-form input{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:16px;font-size:1rem;background:#fff}.admin-form input:focus{outline:3px solid rgba(210,15,31,.14);border-color:var(--red)}.form-message{color:var(--red);font-weight:900;margin-top:12px}.admin-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.admin-toolbar p{color:var(--gray)}.admin-actions{display:flex;gap:12px;flex-wrap:wrap}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.preview-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--soft-shadow)}.preview-grid img{width:100%;height:200px;object-fit:cover}.preview-grid div{padding:16px}.small-btn{border:0;border-radius:999px;background:var(--red);color:#fff;font-weight:950;padding:9px 14px;margin-top:10px;cursor:pointer}.empty-state{padding:20px;background:#fff;border:1px dashed var(--line);border-radius:18px;color:var(--gray);grid-column:1/-1}
@media(max-width:1100px){.service-grid-4{grid-template-columns:1fr 1fr}.gallery-modern{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.hero,.why-section,.contact-card,.social-card{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.stats,.steps{grid-template-columns:repeat(2,1fr)}.hero-panel>img{height:390px}.nav{align-items:flex-start;flex-direction:column}.navlinks{flex-wrap:wrap;border-radius:26px}.contact-links{grid-template-columns:1fr 1fr}.preview-grid{grid-template-columns:repeat(2,1fr)}.section-head-wide{flex-direction:column;align-items:flex-start}.filter-chips{justify-content:flex-start}.social-actions{justify-content:flex-start}}
@media(max-width:700px){.topbar{font-size:.82rem}.topbar-links{gap:10px;flex-direction:column}.hero{padding-top:36px;padding-bottom:86px}.hero h1{font-size:3.15rem}.hero-actions .btn,.floating-cta a{width:100%}.floating-cta{left:12px;right:12px}.stats,.service-grid,.service-grid-4,.benefit-list,.gallery-modern,.contact-links,.preview-grid{grid-template-columns:1fr}.section{padding:72px 16px}.nav,.topbar,.hero,.stats{padding-left:16px;padding-right:16px}.why-box,.contact-card,.admin-card,.social-card{padding:28px;border-radius:28px}.footer{align-items:flex-start;flex-direction:column}.brand-logo{width:54px;height:54px}.hero-panel>img{height:315px}.admin-toolbar{flex-direction:column}.panel-card-logo{flex-direction:column;align-items:flex-start}.lightbox{padding:12px}.lightbox-close{top:10px;right:10px}}


/* Hero slider */
.hero-slider{position:relative;z-index:1;height:520px;border-radius:38px;overflow:hidden;background:#eef0f4;box-shadow:0 34px 90px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.16)}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}
.hero-slide.active{opacity:1}
.hero-slide img{width:100%;height:100%;object-fit:cover}
.hero-slider-badge{position:absolute;top:18px;left:18px;z-index:3;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:999px;background:rgba(11,12,14,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:.78rem;font-weight:950;letter-spacing:.02em}
.hero-slider-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(11,12,14,.48);backdrop-filter:blur(10px);color:#fff;font-size:1.35rem;font-weight:900;display:grid;place-items:center;cursor:pointer;transition:.2s ease}
.hero-slider-nav:hover{background:rgba(11,12,14,.8)}
.hero-slider-prev{left:18px}
.hero-slider-next{right:18px}
.hero-slider-dots{position:absolute;top:18px;right:18px;z-index:3;display:flex;gap:8px}
.hero-slider-dot{width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,.45);cursor:pointer;transition:.2s ease}
.hero-slider-dot.active{width:24px;background:#fff}

@media(max-width:1000px){.hero-slider{height:390px}}
@media(max-width:700px){.hero-slider{height:315px}.hero-slider-nav{width:40px;height:40px;font-size:1.15rem}.hero-slider-dots{top:16px;right:16px}}

.service-card img{object-position:center center}.service-card.featured img{object-position:center center}


/* Fix service category cards to have identical dimensions */
.service-grid-4{align-items:stretch}
.service-grid-4 .service-card{display:flex;flex-direction:column;height:100%}
.service-grid-4 .card-body{display:flex;flex-direction:column;flex:1}
.service-grid-4 .service-card ul{margin-top:auto}
.service-grid-4 .service-card img,
.service-grid-4 .service-card.featured img{height:240px}

/* Performance: reduce rendering work below the first screen */
#servicii, #portofoliu, #contact, .gallery-card, .service-card {
  content-visibility: auto;
  contain-intrinsic-size: 1px 650px;
}
