:root { --pd-navy:#0b1523; --pd-line:#2b3d52; --pd-blue:#58a9ff; --pd-gold:#efb65d; --pd-muted:#a6b4c7; }
body.portal-site { margin:0;min-height:100vh;display:block;background:#0b1523;color:#f4f7fc;font-family:Inter,Arial,sans-serif;line-height:1.6; }
.pd-container { width:calc(100% - 96px);max-width:1392px;margin:0 auto; }
.pd-header { position:sticky;top:0;z-index:40;background:rgba(9,18,31,.96);backdrop-filter:blur(14px);border-bottom:1px solid #ffffff0f; }
.pd-header-inner { min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px; }
.pd-brand { display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap; }
.pd-brand-shield { color:var(--pd-gold);display:flex; }.pd-brand-shield svg { width:40px;height:44px;stroke-width:1.5; }
.pd-brand strong { display:block;font-size:19px;letter-spacing:2.3px;line-height:1.3;font-weight:800; }.pd-brand small { display:block;font-size:9px;letter-spacing:2px;color:#cad4e2;margin-top:3px; }
.pd-nav { display:flex;align-items:center;gap:28px;align-self:stretch; }.pd-nav a { display:flex;align-items:center;font-size:12px;color:#b5c1d3;border-bottom:2px solid transparent;transition:color .2s;white-space:nowrap; }.pd-nav a:hover,.pd-nav a[aria-current="page"] { color:var(--pd-blue); }.pd-nav a[aria-current="page"] { border-bottom-color:var(--pd-blue); }
.pd-header-actions { display:flex;align-items:center;gap:12px; }.pd-login { display:flex;align-items:center;gap:9px;padding:8px 13px;color:var(--pd-blue);border:1px solid #4382be;border-radius:6px;font-size:11px;white-space:nowrap;transition:background .2s; }.pd-login:hover { background:#3b82f61a; }.pd-login svg { width:16px;height:16px; }.pd-menu-toggle { display:none;color:#dbeafe;padding:8px; }
.pd-hero { min-height:365px;background:linear-gradient(90deg,rgba(5,12,23,.65),rgba(5,12,23,.12) 62%),url('/images/portal-hero.webp') center 46%/cover no-repeat;display:flex;align-items:center;border-bottom:1px solid #ffffff0d; }
.pd-hero-copy { max-width:730px;padding:40px 0; }.pd-eyebrow { margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:3px;color:var(--pd-gold); }.pd-hero h1 { margin:0;font-family:Montserrat,Inter,sans-serif;font-size:clamp(38px,4.3vw,62px);font-weight:800;letter-spacing:-2px;line-height:1.12;text-shadow:0 2px 20px #0006; }.pd-hero-description { margin:17px 0 0;font-size:18px;line-height:1.5;color:#bdc9d9;max-width:550px; }.pd-gold-line { display:block;width:44px;height:3px;background:var(--pd-gold);margin:22px 0; }.pd-values { display:flex;align-items:center;gap:17px;color:#c3cfdf;font-size:10px;letter-spacing:1.6px;text-transform:uppercase; }.pd-values svg { width:36px;height:36px;color:var(--pd-gold);stroke-width:1.3; }.pd-values b { color:#677991;margin:0 12px; }
.pd-content { padding-top:30px;padding-bottom:26px; }.pd-section-heading { display:flex;align-items:flex-start;gap:18px;margin:0 0 20px; }.pd-section-heading >span { background:var(--pd-blue);width:24px;height:3px;margin-top:11px; }.pd-section-heading h2 { margin:0;font-size:22px;font-weight:750;letter-spacing:-.4px; }.pd-section-heading p { margin:3px 0 0;font-size:13px;color:var(--pd-muted); }
.pd-services { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px; }.pd-service { display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:23px 22px 16px;border:1px solid var(--pd-line);border-radius:7px;background:linear-gradient(145deg,#111e30,#0b1625);min-height:210px;transition:border-color .2s,background .2s,transform .2s; }.pd-service:hover { border-color:#58a9ff99;background:#12253d;transform:translateY(-3px); }.pd-service-icon { color:var(--pd-blue);margin-bottom:17px; }.pd-service-icon svg { width:35px;height:35px;stroke-width:1.6; }.pd-service h3 { margin:0 0 7px;font-size:14px;font-weight:700;line-height:1.4;color:#fff;letter-spacing:-.15px; }.pd-service p { margin:0 0 14px;font-size:12px;line-height:1.7;color:#acb9cb; }.pd-service-arrow { margin-top:auto;color:var(--pd-gold); }.pd-service-arrow svg { width:19px;height:19px;stroke-width:1.5; }
.pd-editorial { display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:18px; }.pd-feature { position:relative;overflow:hidden;display:flex;align-items:center;min-height:235px;border:1px solid var(--pd-line);border-radius:7px;padding:24px 26px;background:#0e1b2d; }.pd-community { background:radial-gradient(ellipse at 100% 65%,#26476180,transparent 65%),linear-gradient(130deg,#111e30,#0a1422); }.pd-legislation { background:radial-gradient(ellipse at 100% 60%,#59482755,transparent 65%),linear-gradient(130deg,#111e30,#0a1422); }.pd-feature-copy { position:relative;z-index:1;max-width:83%; }.pd-feature h2 { margin:0 0 14px;font-size:18px;font-weight:700;letter-spacing:-.3px; }.pd-feature-tag { margin:0 0 6px!important;font-size:10px!important;font-weight:700;color:var(--pd-blue)!important;letter-spacing:.6px; }.pd-feature h3 { margin:0 0 9px;font-size:21px;letter-spacing:-.4px;line-height:1.25;font-weight:700; }.pd-feature-copy>p { margin:0 0 12px;color:#aebdd0;font-size:12px;line-height:1.7;max-width:430px; }.pd-feature-heading { display:flex;gap:12px;align-items:center; }.pd-feature-heading svg { width:28px;height:28px;color:var(--pd-blue);margin-bottom:14px; }.pd-text-link { display:inline-flex;align-items:center;gap:10px;color:var(--pd-blue);font-size:12px;font-weight:600;background:none;border:0;padding:0; }.pd-text-link:hover { color:#b2d8ff; }.pd-text-link svg { width:17px;height:17px; }.pd-editorial-symbol { position:absolute;right:-4px;bottom:22px;color:#7da7ca28;transform:rotate(-12deg);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none; }.pd-editorial-symbol svg { width:120px;height:120px;stroke-width:1; }.pd-editorial-symbol span { font-size:12px;font-weight:700;letter-spacing:3px; }
.pd-recruitment { display:flex;align-items:center;gap:24px;margin-top:18px;padding:21px 26px;border:1px solid var(--pd-line);border-radius:7px;background:linear-gradient(100deg,#101e31,#0c1829); }.pd-recruitment-shield { color:var(--pd-gold);flex-shrink:0; }.pd-recruitment-shield svg { width:47px;height:52px;stroke-width:1.4; }.pd-recruitment h2 { margin:0 0 3px;font-size:21px;font-weight:700;letter-spacing:-.4px; }.pd-recruitment p { margin:0;font-size:12px;color:#aab9cd; }.pd-button { display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-left:auto;flex-shrink:0;padding:12px 19px;border-radius:6px;background:#2583ed;color:#fff;font-size:12px;font-weight:650;transition:background .2s; }.pd-button:hover { background:#459bfc; }.pd-button svg { width:17px;height:17px; }
.pd-footer { border-top:1px solid #ffffff12;background:#081220;padding:18px 0; }.pd-footer-inner { display:flex;justify-content:space-between;align-items:center;gap:20px; }.pd-footer-brand { font-size:11px;font-weight:700;letter-spacing:1.5px; }.pd-footer-brand span { font-size:8px;font-weight:400;letter-spacing:.7px;margin-left:9px;color:#a5b2c6; }.pd-footer p,.pd-footer nav { margin:0;font-size:10px;color:#8696ad; }.pd-footer nav { display:flex;gap:20px; }.pd-footer a:hover { color:var(--pd-blue); }
.pd-header a:focus-visible,.pd-header button:focus-visible,.pd-main a:focus-visible,.pd-main button:focus-visible,.pd-footer a:focus-visible { outline:2px solid var(--pd-blue);outline-offset:5px; }
@media(min-width:1450px) { .pd-hero h1 br { display:none; } }
@media(max-width:1150px) { .pd-container { width:calc(100% - 48px); }.pd-header-inner { gap:18px; }.pd-nav { gap:16px; }.pd-nav a { font-size:11px; }.pd-services { gap:12px; }.pd-service { padding:20px 15px 15px; }.pd-service h3 { font-size:13px; }.pd-service p { font-size:11px; } }
@media(max-width:950px) { .pd-header-inner { flex-wrap:wrap;min-height:70px;gap:0; }.pd-header-actions { margin-left:auto; }.pd-menu-toggle { display:block; }.pd-nav { display:none;width:100%;order:3;flex-direction:column;align-items:stretch;padding:12px 0 17px;gap:0; }.pd-nav.is-open { display:flex; }.pd-nav a { padding:10px 0;font-size:13px; }.pd-nav a[aria-current="page"] { border-bottom:0; }.pd-services { grid-template-columns:repeat(3,minmax(0,1fr)); }.pd-editorial { grid-template-columns:1fr 1fr; }.pd-feature { padding:22px; }.pd-feature h3 { font-size:19px; }.pd-recruitment { gap:16px; }.pd-recruitment h2 { font-size:18px; }.pd-footer-inner { flex-wrap:wrap;justify-content:center;text-align:center; } }
@media(max-width:640px) { .pd-container { width:calc(100% - 32px); }.pd-brand strong { font-size:15px; }.pd-brand small { font-size:7px; }.pd-brand-shield svg { width:31px;height:35px; }.pd-login { padding:8px; }.pd-login span { display:none; }.pd-hero { min-height:365px;background-position:65% center; }.pd-hero-copy { padding:42px 0;max-width:88%; }.pd-hero h1 { font-size:39px;letter-spacing:-1.5px; }.pd-hero-description { font-size:15px;max-width:260px; }.pd-values { font-size:8px;letter-spacing:.8px;gap:10px; }.pd-values b { margin:0 5px; }.pd-services { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }.pd-service { min-height:208px;padding:20px 15px 14px; }.pd-service:last-child { grid-column:1/-1;min-height:160px; }.pd-service p { font-size:12px; }.pd-editorial { grid-template-columns:1fr; }.pd-feature { min-height:240px; }.pd-feature-copy { max-width:90%; }.pd-recruitment { flex-wrap:wrap;padding:22px;gap:14px; }.pd-recruitment >div { flex:1; }.pd-recruitment .pd-button { width:100%;margin:3px 0 0; }.pd-recruitment h2 { font-size:18px; }.pd-recruitment p { font-size:11px; }.pd-footer nav { gap:15px; }.pd-footer-inner { gap:12px; }.pd-section-heading h2 { font-size:21px; } }
@media(prefers-reduced-motion:reduce) { .pd-service,.pd-login,.pd-button { transition:none; }.pd-service:hover { transform:none; } }

/* Fotografii de fundal și scut cu stea, conform simulării */
.pd-community { background-image:linear-gradient(90deg,rgba(8,18,32,.97) 0%,rgba(8,18,32,.93) 42%,rgba(8,18,32,.57) 72%,rgba(8,18,32,.12) 100%),url('/images/portal-bodycam.webp');background-size:cover;background-position:center; }
.pd-legislation { background-image:linear-gradient(90deg,rgba(8,18,32,.97) 0%,rgba(8,18,32,.93) 40%,rgba(8,18,32,.62) 72%,rgba(8,18,32,.12) 100%),url('/images/portal-legislatie.webp');background-size:cover;background-position:center; }
.pd-feature-copy { max-width:75%; }
.pd-brand-shield svg,.pd-recruitment-shield svg { display:block; }
@media(max-width:1150px) { .pd-feature-copy { max-width:85%; } }
@media(max-width:640px) { .pd-feature-copy { max-width:88%; }.pd-community,.pd-legislation { min-height:255px;background-position:58% center; } }

/* Sigla oficială furnizată de utilizator */
.pd-brand-shield img { width:52px;height:52px;object-fit:contain; }
.pd-values img { width:46px;height:46px;object-fit:contain;flex-shrink:0; }
.pd-recruitment-shield img { width:54px;height:54px;object-fit:contain; }
/* Pagina ocupă fereastra pe desktop. Pe ecrane scunde, conținutul rămâne derulabil. */
@media(min-width:1050px) {
 body.portal-site { min-height:100svh;display:flex;flex-direction:column; }
 .pd-header { flex-shrink:0; }.pd-header-inner { min-height:64px; }
 .pd-main { flex:1;min-height:calc(100svh - 108px);display:grid;grid-template-rows:minmax(170px,.75fr) minmax(485px,1.5fr); }
 .pd-hero { min-height:0; }.pd-hero-copy { padding:22px 0;max-width:780px; }
 .pd-hero h1 { font-size:clamp(36px,3.3vw,51px);line-height:1.12; }.pd-hero h1 br { display:none; }
 .pd-eyebrow { font-size:11px;margin-bottom:9px; }.pd-hero-description { margin-top:10px;font-size:16px; }
 .pd-gold-line { margin:13px 0; }.pd-values { gap:12px; }.pd-values img { width:42px;height:42px; }
 .pd-content { min-height:0;padding-top:16px;padding-bottom:16px;display:grid;grid-template-rows:minmax(215px,1.05fr) minmax(144px,1fr) 70px;gap:12px; }
 .pd-content >section:first-child { display:flex;flex-direction:column;min-height:0; }
 .pd-section-heading { margin-bottom:12px;gap:14px; }.pd-section-heading h2 { font-size:20px; }.pd-section-heading p { margin-top:1px;font-size:12px; }
 .pd-services { flex:1; }.pd-service { min-height:0;padding:15px 18px 12px; }
 .pd-service-icon { margin-bottom:9px; }.pd-service-icon svg { width:28px;height:28px; }
 .pd-service h3 { font-size:13px;margin-bottom:5px; }.pd-service p { font-size:12px;line-height:1.5;margin-bottom:8px; }
 .pd-editorial { min-height:0;margin-top:0;gap:14px; }.pd-feature { min-height:0;padding:17px 22px; }
 .pd-feature h2 { font-size:16px;margin-bottom:8px; }.pd-feature h3 { font-size:18px;line-height:1.3;margin-bottom:7px; }
 .pd-feature-copy>p { font-size:12px;line-height:1.5;margin-bottom:8px; }.pd-feature-tag { font-size:9px!important;margin-bottom:4px!important; }
 .pd-feature-heading svg { width:23px;height:23px;margin-bottom:8px; }.pd-feature-copy { max-width:76%; }
 .pd-recruitment { margin-top:0;padding:10px 22px;gap:18px; }.pd-recruitment h2 { font-size:18px; }.pd-recruitment p { font-size:11px; }
 .pd-recruitment-shield img { width:48px;height:48px; }.pd-button { padding:10px 16px; }
 .pd-footer { flex-shrink:0;padding:12px 0; }.pd-footer-inner { min-height:20px; }
}
@media(min-width:1050px) and (max-height:800px) {
 .pd-main { grid-template-rows:minmax(150px,.65fr) minmax(460px,1.4fr); }
 .pd-hero-copy { padding:14px 0; }.pd-hero h1 { font-size:36px; }.pd-hero-description { font-size:14px;margin-top:8px; }
 .pd-gold-line { margin:9px 0; }.pd-values img { width:32px;height:32px; }.pd-content { padding-top:12px;padding-bottom:12px;gap:10px;grid-template-rows:minmax(205px,1.05fr) minmax(144px,1fr) 66px; }
 .pd-service { padding:12px 15px 10px; }.pd-feature { padding:14px 20px; }.pd-recruitment { padding:8px 20px; }
}
@media(max-width:640px) { .pd-brand-shield img { width:40px;height:40px; }.pd-values img { width:40px;height:40px; }.pd-recruitment-shield img { width:48px;height:48px; } }