:root{--bg:#050f12;--panel:#07181c;--line:rgba(115,183,188,.3);--gold:#e5b94f;--white:#f3f7f5;--muted:#a9b9b8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}.topbar{position:sticky;top:0;z-index:50;height:72px;background:rgba(3,12,15,.95);border-bottom:1px solid rgba(102,183,188,.2);backdrop-filter:blur(12px)}.topbar-inner{max-width:1450px;height:100%;margin:auto;padding:0 28px;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:12px;min-width:285px}.shield{width:45px;height:52px;border:2px solid var(--gold);display:grid;place-items:center;clip-path:polygon(50% 0,92% 15%,92% 66%,50% 100%,8% 66%,8% 15%);font-weight:900;color:var(--gold)}.logo b{display:block;font-size:17px}.logo small{font-size:8px;letter-spacing:.22em;color:#94aaa8}nav{display:flex;align-self:stretch;flex:1}nav a{display:flex;align-items:center;gap:7px;padding:0 12px;color:#d2dfde;font-size:11px;border-bottom:2px solid transparent}nav a.active,nav a:hover{color:#fff;border-bottom-color:var(--gold)}.top-actions{display:flex;gap:18px;font-size:23px}.mobile-menu{display:none;background:none;border:0;color:white;font-size:24px}
.hero{height:calc(100vh - 72px);min-height:650px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('../img/hero-security.jpg') center 44%/cover no-repeat;transform:scale(1.03);animation:zoom 18s ease-in-out infinite alternate}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#030b0d 0%,rgba(3,11,13,.93) 21%,rgba(3,11,13,.47) 60%,rgba(3,11,13,.6) 100%),linear-gradient(0deg,rgba(3,11,13,.9),transparent 35%)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(104,195,199,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(104,195,199,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,transparent,black 45%,transparent);pointer-events:none}@keyframes zoom{to{transform:scale(1.09)}}
.hero-grid{position:relative;z-index:2;height:100%;max-width:1450px;margin:auto;padding:0 42px;display:grid;grid-template-columns:1fr 390px;align-items:center;gap:70px}.kicker,.section-label{color:#8fd1d1;font-size:11px;letter-spacing:.22em;font-weight:800}.hero h1{font-size:clamp(70px,7.3vw,126px);line-height:.82;margin:18px 0 22px;letter-spacing:-.06em}.hero h1 strong{color:var(--gold)}.hero h2{font-size:21px;letter-spacing:.22em;margin:0 0 22px}.hero-copy>p{max-width:600px;font-size:18px;color:#d2dedc;line-height:1.5}.primary-btn,.outline-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--gold);padding:16px 20px;font-size:13px;font-weight:900;letter-spacing:.06em}.primary-btn{background:linear-gradient(100deg,#ffd36b,#d99d31);color:#081214;min-width:305px}.primary-btn b,.outline-btn b{font-size:24px;font-weight:400}.outline-btn{color:#fff;background:rgba(5,18,21,.55);border-color:#4b8d91}.hero-points{display:flex;align-items:center;gap:18px;margin-top:26px;font-size:11px;color:#dce7e5}.hero-points i{width:1px;height:15px;background:#537071}.hero-monitor{align-self:end;margin-bottom:35px;background:rgba(3,16,19,.72);border:1px solid rgba(100,188,194,.38);padding:12px;backdrop-filter:blur(9px)}.monitor-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;margin-bottom:10px}.monitor-top em{display:inline-block;width:7px;height:7px;background:#58d879;border-radius:50%;margin-right:5px;box-shadow:0 0 10px #58d879}.monitor-screen{height:205px;background:url('../img/leitstelle.jpg') center/cover;border:1px solid rgba(255,255,255,.12);position:relative}.monitor-screen:after{content:"";position:absolute;left:0;right:0;height:1px;background:#73d1d0;animation:scan 3s linear infinite}@keyframes scan{0%{top:0}100%{top:100%}}.monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:9px}.monitor-grid span{font-size:8px;letter-spacing:.1em;color:#aabdbc;padding:7px;background:#081c20}.monitor-grid b{float:right;color:#64d887}
.academy-section,.practice-section{max-width:1450px;margin:auto;padding:95px 42px}.section-title-row{display:flex;justify-content:space-between;gap:60px;align-items:end;margin:15px 0 40px}.section-title-row h2,.practice-head h2,.law-copy h2{font-size:48px;line-height:1.02;letter-spacing:-.04em;margin:0}.section-title-row p,.practice-head>p,.law-copy>p{max-width:470px;color:var(--muted);font-size:15px;line-height:1.7;margin:0}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.course-card{height:430px;position:relative;overflow:hidden;border:1px solid var(--line);background:#071619;transition:.35s}.course-card:hover{border-color:var(--gold);transform:translateY(-5px)}.course-image{position:absolute;inset:0;background-size:cover;background-position:center;transition:.7s}.course-card:hover .course-image{transform:scale(1.08)}.course-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(2,12,14,.2) 35%,rgba(2,11,13,.96) 88%)}.course-number{position:absolute;top:18px;right:20px;color:var(--gold);font-size:11px}.course-body{position:absolute;inset:auto 22px 22px}.course-icon{width:50px;height:50px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-size:25px;margin-bottom:15px;background:rgba(2,15,17,.65)}.course-body h3{font-size:20px;line-height:1.05;margin:0 0 12px}.course-body p{font-size:12px;color:#c2d0ce;line-height:1.6;margin:0 0 18px}.course-body>span{font-size:10px;color:#f2cc72;letter-spacing:.12em}.course-body>span b{font-size:18px;margin-left:8px}
.progress-section{min-height:560px;position:relative;overflow:hidden;border-top:1px solid rgba(104,195,199,.15);border-bottom:1px solid rgba(104,195,199,.15)}.progress-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,15,.98),rgba(3,13,15,.82) 45%,rgba(3,13,15,.4)),url('../img/security-team.jpg') center/cover}.progress-content{position:relative;max-width:1450px;margin:auto;padding:95px 42px}.progress-content h2{font-size:48px;line-height:1.02;margin:15px 0}.progress-content>p{max-width:550px;color:#b7c8c6;line-height:1.7}.progress-board{display:flex;gap:35px;align-items:center;max-width:700px;margin:35px 0}.ring-wrap{text-align:center}.ring{width:145px;height:145px;border-radius:50%;background:conic-gradient(var(--gold) 0deg,#244047 0deg);display:grid;place-items:center;position:relative}.ring:before{content:"";position:absolute;width:115px;height:115px;background:#071619;border-radius:50%}.ring span{position:relative;font-size:28px;font-weight:800}.ring-wrap small{display:block;margin-top:8px;font-size:9px;letter-spacing:.18em;color:#8ea5a3}.bars{flex:1}.bars>div{margin:12px 0}.bars span{display:flex;justify-content:space-between;font-size:11px;color:#d6e0de;margin-bottom:5px}.bars i{display:block;height:6px;background:#1e383d}.bars em{display:block;height:100%;background:linear-gradient(90deg,#bc8a2c,#f1cc72);width:0;transition:width .7s}.progress-content .outline-btn{min-width:230px}
.law-section{display:grid;grid-template-columns:1fr 1fr;background:#08181c}.law-image{min-height:520px;background:url('../img/gesetzbuecher.jpg') center/cover}.law-copy{padding:95px 7%}.law-tags{display:flex;gap:8px;margin:25px 0;flex-wrap:wrap}.law-tags span{border:1px solid #3b696c;color:#e4c067;padding:10px 17px;font-size:11px;letter-spacing:.1em}
.practice-section{background:#061316}.practice-head{display:flex;justify-content:space-between;gap:60px;align-items:end}.practice-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.practice-item{padding:32px 25px;border-right:1px solid var(--line);min-height:150px}.practice-item:last-child{border-right:0}.practice-item span{color:var(--gold);font-size:11px}.practice-item b{display:block;font-size:18px;margin:20px 0 7px}.practice-item small{color:#879d9b}
.final-banner{position:relative;min-height:460px;overflow:hidden;border-top:1px solid rgba(104,195,199,.18)}.final-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,15,.96),rgba(3,13,15,.7),rgba(3,13,15,.35)),url('../img/hero-security.jpg') center 62%/cover}.final-content{position:relative;max-width:1450px;margin:auto;padding:90px 42px}.final-content h2{font-size:60px;line-height:.93;letter-spacing:-.04em;margin:15px 0 35px}.final-points{display:flex;gap:25px;flex-wrap:wrap;color:#d7e2e0;font-size:12px}.final-points span{padding-right:25px;border-right:1px solid #4b6263}.final-points span:last-child{border:0}footer{height:72px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#030b0d;color:#728987;font-size:10px;letter-spacing:.12em}
@media(max-width:1050px){.logo{min-width:220px}.logo b{font-size:14px}nav a{padding:0 7px}.course-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr 300px}.practice-grid{grid-template-columns:repeat(2,1fr)}.practice-item:nth-child(2){border-right:0}.practice-item{border-bottom:1px solid var(--line)}}
@media(max-width:760px){.topbar{height:64px}.topbar-inner{height:64px;padding:0 15px}.logo{min-width:0}.logo b{font-size:12px}.logo small{font-size:7px}.shield{width:39px;height:45px}.mobile-menu{display:block;margin-left:auto}nav{display:none;position:absolute;top:64px;left:0;right:0;background:#041013;flex-direction:column;padding:10px 18px;height:auto}nav.open{display:flex}nav a{padding:14px 5px}.top-actions{display:none}.hero{height:auto;min-height:730px}.hero-grid{display:block;padding:75px 22px 45px}.hero h1{font-size:65px}.hero h2{font-size:15px}.hero-copy>p{font-size:15px}.hero-monitor{display:none}.hero-points{gap:9px;font-size:9px}.primary-btn{min-width:0;width:100%;max-width:310px}.academy-section,.practice-section{padding:65px 22px}.section-title-row,.practice-head{display:block}.section-title-row h2,.practice-head h2,.law-copy h2,.progress-content h2{font-size:37px}.section-title-row p,.practice-head>p{margin-top:20px}.course-grid{grid-template-columns:1fr}.course-card{height:370px}.progress-content{padding:65px 22px}.progress-board{align-items:flex-start;flex-direction:column}.progress-section{min-height:720px}.law-section{grid-template-columns:1fr}.law-image{min-height:280px}.law-copy{padding:60px 22px}.practice-grid{grid-template-columns:1fr;margin-top:30px}.practice-item{border-right:0!important}.final-content{padding:70px 22px}.final-content h2{font-size:48px}.final-points{gap:12px}.final-points span{border:0;padding:0 10px 0 0}footer{height:auto;padding:22px;display:block}footer span{display:block;margin:6px 0}}

/* HD IMAGE POLISH */
.hero-bg,.course-image,.progress-photo,.law-image,.final-bg,.monitor-screen{
  image-rendering:auto;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.hero-bg{
  background-size:cover;
  background-position:center center;
}
.course-image{
  background-size:cover;
  background-position:center;
}
.monitor-screen{
  background-size:cover;
  background-position:center;
}
.law-image{
  background-size:cover;
  background-position:center;
}
.progress-photo{
  background-size:cover;
  background-position:center;
}
.final-bg{
  background-size:cover;
  background-position:center 55%;
}
@media(min-width:1200px){
  .hero-bg{background-position:center 43%}
  .course-image{background-position:center 44%}
}

/* FINAL IMAGE QUALITY */
.hero-bg,.course-image,.progress-photo,.law-image,.final-bg,.monitor-screen{
  background-repeat:no-repeat;
  image-rendering:auto;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.hero-bg{background-position:center 45%}
.course-image{background-position:center center}
.law-image{background-position:center center}
.progress-photo{background-position:center center}
.final-bg{background-position:center 55%}
.monitor-screen{background-position:center center}