:root{--bg:#080C1C;--surface:#0D1328;--border:rgba(255,255,255,0.08);--orange:#FA5000;--cyan:#00C3E3;--text:#FFFFFF;--muted:rgba(255,255,255,0.75);--subtle:rgba(255,255,255,0.50)}
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:'Satoshi',sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
    body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:0.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
    .aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
    .aurora-orb{position:absolute;border-radius:50%}
    .orb1{width:680px;height:680px;top:-260px;right:-180px;background:radial-gradient(circle at 40% 40%,rgba(0,195,227,.55) 0%,rgba(0,195,227,.20) 45%,transparent 72%);filter:blur(45px)}
    .orb2{width:600px;height:600px;bottom:-220px;left:-200px;background:radial-gradient(circle at 60% 60%,rgba(250,80,0,.50) 0%,rgba(250,80,0,.18) 45%,transparent 72%);filter:blur(48px)}
    .orb3{width:520px;height:520px;top:30%;left:18%;background:radial-gradient(circle at 50% 50%,rgba(110,60,255,.38) 0%,rgba(90,50,220,.12) 45%,transparent 70%);filter:blur(50px)}
    @media(max-width:768px){.aurora{display:none}}
    [data-theme="light"] .aurora-orb{opacity:0.10}
    .fu{opacity:0;transform:translateY(28px);transition:opacity .88s cubic-bezier(.16,1,.3,1),transform .88s cubic-bezier(.16,1,.3,1)}
    .fu.on{opacity:1;transform:none}
    .d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
    @media(prefers-reduced-motion:reduce){.fu{opacity:1!important;transform:none!important;transition:none!important}}
    .page-header{position:relative;min-height:60vh;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--border)}.page-header-bg{position:absolute;inset:0;background:url('Pictures/ITmanagementbackground.webp') center 40%/cover no-repeat}.page-header-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(8,12,28,.95) 0%,rgba(8,12,28,.80) 40%,rgba(8,12,28,.28) 65%,transparent 82%)}.page-header-bottom{position:absolute;bottom:0;left:0;right:0;height:140px;background:linear-gradient(to top,rgba(8,12,28,1),transparent)}.page-header-inner{position:relative;z-index:2;padding:140px 80px 80px;max-width:700px}
    .eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:16px}
    .hero-h1{font-size:clamp(36px,4.5vw,60px);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:white;margin-bottom:18px}
    .hero-sub{font-size:17px;line-height:1.75;color:var(--muted);max-width:580px}
    .guides-filter-wrap{padding:40px 80px 0;max-width:1280px;margin:0 auto;position:relative;z-index:1}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter-btn{padding:8px 20px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.01em;border:1px solid rgba(255,255,255,.14);background:transparent;color:rgba(255,255,255,.55);cursor:pointer;transition:background .2s,color .2s,border-color .2s;font-family:inherit}.filter-btn:hover{color:white;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06)}.filter-btn.active{background:var(--orange);color:#080C1C;border-color:var(--orange)}.guide-card.hidden{display:none}
    .guides-grid{padding:0 80px 100px;max-width:1280px;margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
    .guide-card{--card-accent:#00C3E3;--card-glow:rgba(0,195,227,.20);--card-icon-bg:rgba(0,195,227,.10);--card-icon-border:rgba(0,195,227,.18);position:relative;overflow:hidden;isolation:isolate;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:background .25s,border-color .25s;text-decoration:none;color:inherit}.guide-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 110% 55% at 50% 108%,var(--card-glow) 0%,transparent 68%);pointer-events:none;z-index:-1;transition:opacity .3s;opacity:.7}.guide-card::after{content:'';position:absolute;top:18px;bottom:18px;left:0;width:3px;background:var(--card-accent);border-radius:0 3px 3px 0;opacity:.55;z-index:1;transition:opacity .25s}
    .guide-card:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}.guide-card:hover::before{opacity:1}.guide-card:hover::after{opacity:1}
    .guide-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
    .guide-card-icon{width:48px;height:48px;border-radius:12px;background:var(--card-icon-bg);border:1px solid var(--card-icon-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--card-accent)}
    .guide-card-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
    .badge{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:20px}
    .badge-free{background:rgba(0,195,227,.12);color:var(--cyan);border:1px solid rgba(0,195,227,.25)}
    .badge-cat{background:var(--card-icon-bg);color:var(--card-accent);border:1px solid var(--card-icon-border)}
    .guide-card-title{font-size:17px;font-weight:700;color:white;line-height:1.3}
    .guide-card-desc{font-size:13px;line-height:1.7;color:var(--muted);flex:1}
    .guide-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border)}
    .guide-read{font-size:12px;color:var(--subtle)}
    .guide-read-more{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--cyan)}
    .cta-band{background:radial-gradient(ellipse 90% 70% at 50% 120%,rgba(250,80,0,.28) 0%,transparent 60%),radial-gradient(ellipse 55% 60% at 5% 0%,rgba(0,195,227,.12) 0%,transparent 55%);padding:100px 80px;text-align:center;position:relative;overflow:hidden;z-index:1}
    .cta-band::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(250,80,0,.7) 30%,rgba(0,195,227,.7) 70%,transparent 100%)}
    .cta-h2{font-size:clamp(28px,3.5vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:white;margin-bottom:14px}
    .cta-sub{font-size:17px;color:var(--muted);margin:0 auto 36px;max-width:460px;line-height:1.72}
    .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:8px;background:var(--orange);color:#080C1C;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .2s}
    .btn-primary:hover{opacity:.86}
    [data-theme="light"]{--bg:#F0F4FF;--surface:#FFFFFF;--border:rgba(10,20,60,0.10);--text:#0A1440;--muted:rgba(10,20,60,0.55);--subtle:rgba(10,20,60,0.35);--cyan:#0098B0}
    [data-theme="light"] body{color:#0A1440}
    [data-theme="light"] .hero-h1{color:#0A1440}
    [data-theme="light"] .hero-sub{color:rgba(10,20,60,0.65)}
    [data-theme="light"] .page-header-overlay{background:linear-gradient(to right,rgba(240,244,255,.92) 0%,rgba(240,244,255,.72) 40%,rgba(240,244,255,.22) 65%,transparent 82%)}[data-theme="light"] .page-header-bottom{background:linear-gradient(to top,rgba(240,244,255,1),transparent)}
    [data-theme="light"] .guide-card{background:rgba(10,20,60,0.04);border-color:rgba(10,20,60,0.10)}
    [data-theme="light"] .guide-card:hover{background:#fff;border-color:rgba(10,20,60,0.18)}
    [data-theme="light"] .guide-card-title{color:#0A1440}
    [data-theme="light"] .guide-card-desc{color:rgba(10,20,60,0.58)}
    [data-theme="light"] .guide-card-foot{border-color:rgba(10,20,60,0.10)}
    [data-theme="light"] .guide-read{color:rgba(10,20,60,0.40)}
    
    [data-theme="light"] .guide-card::before{opacity:.22}[data-theme="light"] .guide-card:hover::before{opacity:.45}[data-theme="light"] .guide-card::after{opacity:.40}[data-theme="light"] .guide-card:hover::after{opacity:.70}[data-theme="light"] .guide-card[data-cat="cybersecurity"],[data-theme="light"] .guide-card[data-cat="cybersecurity"]{--card-accent:#0098B0}[data-theme="light"] .guide-card[data-cat="compliance"]{--card-accent:#C74000}[data-theme="light"] .guide-card[data-cat="incident-response"]{--card-accent:#D95A20}[data-theme="light"] .guide-card[data-cat="it-management"]{--card-accent:#009975}[data-theme="light"] .guide-card[data-cat="ai"]{--card-accent:#6030D8}
    [data-theme="light"] .cta-h2{color:#0A1440}
    [data-theme="light"] .filter-btn{border-color:rgba(10,20,60,.15);color:rgba(10,20,60,.5)}[data-theme="light"] .filter-btn:hover{color:#0A1440;border-color:rgba(10,20,60,.3);background:rgba(10,20,60,.05)}[data-theme="light"] .filter-btn.active{background:var(--orange);color:white;border-color:var(--orange)}
    [data-theme="light"] .cta-sub{color:rgba(10,20,60,0.60)}
    [data-theme="light"] .cta-band{background:radial-gradient(ellipse 90% 70% at 50% 120%,rgba(250,80,0,.10) 0%,transparent 60%),rgba(232,238,255,0.97)}
    .guide-card[data-cat="cybersecurity"],.guide-card[data-cat="cybersecurity"]{--card-accent:#00C3E3;--card-glow:rgba(0,195,227,.22);--card-icon-bg:rgba(0,195,227,.10);--card-icon-border:rgba(0,195,227,.20)}.guide-card[data-cat="compliance"]{--card-accent:#FA5000;--card-glow:rgba(250,80,0,.22);--card-icon-bg:rgba(250,80,0,.11);--card-icon-border:rgba(250,80,0,.22)}.guide-card[data-cat="incident-response"]{--card-accent:#FF7A3D;--card-glow:rgba(255,122,61,.20);--card-icon-bg:rgba(255,122,61,.10);--card-icon-border:rgba(255,122,61,.22)}.guide-card[data-cat="it-management"]{--card-accent:#00D4A0;--card-glow:rgba(0,212,160,.18);--card-icon-bg:rgba(0,212,160,.10);--card-icon-border:rgba(0,212,160,.22)}.guide-card[data-cat="ai"]{--card-accent:#9B73FF;--card-glow:rgba(155,115,255,.22);--card-icon-bg:rgba(155,115,255,.10);--card-icon-border:rgba(155,115,255,.20)}@media(max-width:1024px){.guides-filter-wrap{padding:32px 48px 0} .guides-grid{grid-template-columns:1fr;padding:0 48px 80px}.page-header-inner{padding:120px 48px 64px}.cta-band{padding:100px 48px}}
    @media(max-width:768px){.guides-filter-wrap{padding:24px 20px 0} .guides-grid{padding:0 20px 64px}.page-header-inner{padding:100px 24px 56px}.cta-band{padding:72px 20px}}

    @media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:36px}.footer-grid>div:first-child{grid-column:1/-1}}
    @media(max-width:768px){.footer{padding:56px 20px 40px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 20px}.footer-btm{flex-direction:column;gap:14px;text-align:center}.footer-legal{flex-wrap:wrap;justify-content:center}}
    :focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}

    .footer{background:radial-gradient(ellipse 60% 90% at 10% 40%,rgba(250,80,0,.06) 0%,transparent 60%),rgba(4,7,15,0.90);border-top:1px solid var(--border);padding:72px 80px 40px;position:relative;z-index:1}
    .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;max-width:1280px;margin:0 auto}
    .footer-logo{font-size:17px;font-weight:700;color:white;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;margin-bottom:10px}
    .footer-tagline{font-size:13px;color:rgba(255,255,255,.38);line-height:1.65;max-width:220px;margin-top:10px}
    .fc-head{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:16px}
    .fc-link{display:block;font-size:13px;color:rgba(255,255,255,.52);margin-bottom:10px;text-decoration:none;transition:color .2s}
    .fc-link:hover{color:white}
    .footer-btm{max-width:1280px;margin:48px auto 0;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
    .footer-copy{font-size:12px;color:rgba(255,255,255,.26)}
    .footer-legal{display:flex;gap:20px}
    .footer-legal a{font-size:12px;color:rgba(255,255,255,.26);text-decoration:none}
    .footer-legal a:hover{color:rgba(255,255,255,.6)}
    .footer-social{display:flex;gap:10px;margin-top:16px}
    .social-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:color .2s,border-color .2s,background .2s}
    .social-li{color:#0A66C2;border-color:rgba(10,102,194,.3)}
    .social-li:hover{border-color:#0A66C2;background:rgba(10,102,194,.12)}
    [data-theme="light"] .footer{background:#E5EAF8;border-color:rgba(10,20,60,0.10)}
    [data-theme="light"] .footer-logo{color:#0A1440}
    [data-theme="light"] .footer-tagline{color:rgba(10,20,60,0.45)}
    [data-theme="light"] .fc-head{color:rgba(10,20,60,0.32)}
    [data-theme="light"] .fc-link{color:rgba(10,20,60,0.55)}
    [data-theme="light"] .fc-link:hover{color:#0A1440}
    [data-theme="light"] .footer-btm{border-color:rgba(10,20,60,0.10)}
    [data-theme="light"] .footer-copy{color:rgba(10,20,60,0.35)}
    [data-theme="light"] .footer-legal a{color:rgba(10,20,60,0.35)}
    [data-theme="light"] .footer-legal a:hover{color:rgba(10,20,60,0.70)}
  
._i0{position:relative;z-index:1;}