*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@font-face{font-family:'Redaction';src:url('https://sarajevosecurityconference.com/layout/2026/Redaction-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Redaction';src:url('https://sarajevosecurityconference.com/layout/2026/Redaction-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Redaction';src:url('https://sarajevosecurityconference.com/layout/2026/Redaction-Italic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
body{background-color:#1a2a38;display:flex;flex-direction:column;align-items:center;font-family:'Inter',sans-serif;min-height:100vh;padding:112px 40px 80px}
body::before{content:'';position:fixed;inset:0;background-image:url('https://sarajevosecurityconference.com/layout/2026/ssc26-back-.jpg');background-size:cover;background-position:center;z-index:-1}
.site-nav{position:fixed;top:0;left:0;right:0;z-index:60;background-color:rgba(15,28,40,.92);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.site-nav-bar{display:none}
.site-nav-menu{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 32px;padding:18px 20px}
.nav-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 28px}
.site-nav a{font-size:.78rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75);text-decoration:none;white-space:nowrap;transition:color .2s}
.site-nav a:hover,.site-nav a.active{color:#e9c852}
.site-nav a.eoi{color:#e9c852}
.content-wrap{position:relative;width:100%;max-width:760px;margin:0 auto}
.side-logo{display:block;z-index:10}
.side-logo img{display:block;height:auto}
.side-logo-left{position:fixed;top:90px;left:0;width:calc((100vw - 760px) / 2);display:flex;justify-content:center}
.side-logo-left img{width:190px}
.side-logo-right{position:fixed;top:112px;right:40px;width:150px;opacity:.75;transition:opacity .2s}
.side-logo-right img{width:100%}
.side-logo-right:hover{opacity:1}
@media(max-width:1400px){
  body{padding-top:64px}
  .side-logo-left{position:static;display:block;margin:0 auto 20px;width:170px}
  .side-logo-right{position:static;margin:20px auto 0}
  .agenda-frame{scroll-margin-top:80px}
}
.frame{width:100%;max-width:760px;padding:40px;color:#fff;background-color:rgba(20,38,54,.72);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transform:translateZ(0);position:relative}
.agenda-frame+.agenda-frame{margin-top:32px}
.agenda-frame{scroll-margin-top:130px}
.frame h2{font-size:1rem;font-weight:600;color:rgba(255,255,255,.55);margin-bottom:4px}
.frame h1{font-size:2rem;font-weight:600;line-height:1;color:#e9c852;margin-bottom:4px}
.frame h3{font-size:1rem;font-weight:400;color:#fff;margin-bottom:36px}
.frame p{font-size:.9rem;font-weight:300;line-height:1.8;color:#fff}
.frame p+p{margin-top:16px}
.frame a.email{color:#e9c852;font-weight:600;text-decoration:none}
.speaker-card{text-align:center;display:block;color:inherit;text-decoration:none}
a.speaker-card:link,a.speaker-card:visited,a.speaker-card:hover,a.speaker-card:active{color:inherit;text-decoration:none}
.speaker-photo{display:block;width:112px;height:112px;border-radius:50%;object-fit:cover;margin:0 auto 12px;border:2px solid rgba(233,200,82,.45);background:rgba(255,255,255,.06)}
.speaker-photo-frame{width:112px;height:112px;border-radius:50%;overflow:hidden;margin:0 auto 12px;border:2px solid rgba(233,200,82,.45);background:rgba(255,255,255,.06)}
.speaker-photo-frame .speaker-photo{width:100%;height:100%;margin:0;border:none;background:none;transition:transform .3s ease}
.speaker-card:hover .speaker-photo-frame .speaker-photo,.speaker-card:active .speaker-photo-frame .speaker-photo{transform:scale(1.18)}
.speaker-name{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:2px}
.speaker-title{font-size:.8rem;font-weight:300;color:rgba(255,255,255,.6);line-height:1.4}
.speaker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 20px;margin:24px 0 8px}
.agenda-days-nav{position:absolute;top:40px;right:40px}
.agenda-days-links{display:flex;align-items:center;gap:10px}
.agenda-days-links a{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);text-decoration:none;transition:color .2s}
.agenda-days-links a:hover{color:#e9c852}
.agenda-days-links a.active{color:#c0392b}
.agenda-days-sep{font-size:.65rem;color:rgba(255,255,255,.25)}
.agenda-list{display:flex;flex-direction:column;gap:0;margin:0 0 8px}
.agenda-day{margin-top:12px;padding-bottom:8px;margin-bottom:14px}
.agenda-day:first-child{margin-top:0}
.agenda-day h3{margin-bottom:0}
.agenda-day h1{color:#c0392b}
.agenda-block{padding:20px 0;border-top:1px solid rgba(255,255,255,.18)}
.agenda-day+.agenda-block{border-top:none;padding-top:0}
.agenda-block:has(>.agenda-meta:not(:has(.agenda-time))){border-top:none;padding-top:0}
.agenda-block.no-time{border-top:none;padding-top:0}
.agenda-block>.agenda-meta:last-child{margin-bottom:0}
.agenda-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.agenda-meta:not(:has(.agenda-time)){justify-content:flex-end}
.agenda-meta.no-time{justify-content:flex-end}
.agenda-time{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.04em;color:#fff;background:#c0392b;padding:3px 9px;white-space:nowrap}
.agenda-slot{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff}
h3.agenda-title{font-family:'Redaction',serif;font-size:1.7rem;font-weight:700;line-height:1.2;color:#e9c852;margin:0 0 6px}
.agenda-body p{font-size:.85rem;font-weight:300;line-height:1.7;color:#fff}
.agenda-body strong{font-weight:700}
.agenda-body p+p{margin-top:10px}
.agenda-body ul{margin:8px 0 0;padding-left:18px}
.agenda-body li{font-size:.85rem;font-weight:300;line-height:1.6;color:#fff;margin-bottom:4px}
.agenda-body li:last-child{margin-bottom:0}
.agenda-body li::marker{color:#e9c852}
.agenda-body ul+p{margin-top:12px}
.agenda-parallel{background:rgba(255,255,255,.05);margin-top:32px;padding:20px}
.agenda-parallel-alt{background:rgba(233,200,82,.14)}
.agenda-parallel .agenda-day{margin-top:0;margin-bottom:14px;padding-bottom:0}
.agenda-parallel .agenda-day+.agenda-block{border-top:none;padding-top:0}
.agenda-parallel-tag{color:#e9c852}
.partners-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 20px;margin:24px 0 8px}
.partner-logo{display:flex;align-items:center;justify-content:center;height:90px;padding:12px 20px}
.partner-logo img{max-width:100%;max-height:100%;object-fit:contain}
.featured-speakers{margin-top:32px}
.featured-speakers-title{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);text-align:center;margin-bottom:28px}
.speaker-scroller-wrapper{position:relative;overflow:hidden}
.speaker-scroller-container{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;user-select:none;-webkit-user-select:none;cursor:grab}
.speaker-scroller-container::-webkit-scrollbar{display:none}
.speaker-scroller-track{display:flex;gap:12px;scroll-behavior:smooth}
.speaker-scroller-track .speaker-card{min-width:calc((100% - 60px) / 4);max-width:calc((100% - 60px) / 4);flex-shrink:0}
.page-social{display:flex;justify-content:center;align-items:center;gap:20px;max-width:760px;margin:32px auto 0}
.page-social a{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);transition:color .2s}
.page-social a:hover{color:#e9c852}
.page-social svg{width:22px;height:22px;fill:currentColor}
.nav-social-mobile{display:none}
.gallery{margin-top:32px}
.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.gallery-item{display:block;aspect-ratio:1/1;overflow:hidden;border:1px solid rgba(255,255,255,.15);cursor:pointer}
.gallery-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.gallery-item:hover img{transform:scale(1.06)}
.lightbox{display:none;position:fixed;inset:0;background:rgba(10,18,26,.95);z-index:200;align-items:center;justify-content:center}
.lightbox.open{display:flex}
.lightbox-image{max-width:85vw;max-height:80vh;object-fit:contain;border:2px solid rgba(255,255,255,.15)}
.lightbox-close{position:absolute;top:24px;right:28px;background:none;border:none;color:#fff;font-size:2rem;line-height:1;cursor:pointer}
.lightbox-close:hover{color:#e9c852}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);color:#e9c852;width:44px;height:44px;border-radius:50%;cursor:pointer}
.lightbox-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lightbox-nav:hover{border-color:#e9c852}
.lightbox-prev{left:20px}
.lightbox-next{right:20px}
.frame-image{display:block;width:calc(100% + 80px);max-width:none;margin:24px -40px;height:auto}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background-color:rgba(15,28,40,.96);border-top:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:100}
.cookie-banner p{font-size:.78rem;font-weight:300;color:rgba(255,255,255,.65);line-height:1.5}
.cookie-banner button{flex-shrink:0;padding:8px 24px;font-family:'Inter',sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#e9c852;background:transparent;border:1px solid rgba(255,255,255,.25);cursor:pointer;transition:border-color .2s}
.cookie-banner button:hover{border-color:#e9c852}
@media(max-width:700px){
  body{position:relative;padding:18px 20px 48px}
  body::before{position:absolute}
  .site-nav{background:transparent;border-bottom:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .site-nav-bar{display:block}
  .nav-toggle{position:fixed;top:18px;right:20px;z-index:70;display:flex;flex-direction:column;justify-content:center;gap:5px;width:26px;height:20px;background:none;border:none;cursor:pointer;padding:0}
  .nav-toggle span{display:block;width:100%;height:2px;background:#fff;transition:transform .2s,opacity .2s}
  .site-nav.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .site-nav.open .nav-toggle span:nth-child(2){opacity:0}
  .site-nav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .site-nav-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;flex-direction:column;align-items:center;justify-content:center;gap:24px;background-color:rgba(15,28,40,.97);padding:80px 24px 40px;z-index:65;overflow-y:auto}
  .site-nav.open .site-nav-menu{display:flex}
  .nav-links{flex-direction:column;align-items:center;gap:22px}
  .nav-social-mobile{display:flex;align-items:center;gap:22px;margin-top:4px}
  .nav-social-mobile a{display:flex;color:rgba(255,255,255,.6);transition:color .2s}
  .nav-social-mobile a:hover{color:#e9c852}
  .nav-social-mobile svg{width:22px;height:22px;fill:currentColor}
  .side-logo-left{width:110px}
  .side-logo-left img{width:110px}
  .side-logo-right{width:110px}
  .frame{padding:28px 20px}
  .agenda-days-nav{position:static;display:flex;justify-content:center;margin-bottom:0}
  .agenda-frame h2,.agenda-frame h1,.agenda-frame h3{text-align:center}
  .agenda-day{margin-top:20px;margin-bottom:0;padding-bottom:0}
  .agenda-day:first-child{margin-top:20px}
  .frame h1{font-size:1.5rem;line-height:1.2}
  .frame h2{font-size:.85rem}
  .frame h3{font-size:.9rem;margin-bottom:24px}
  h3.agenda-title{font-size:1.35rem;text-align:center;margin-bottom:16px}
  .frame-image{width:calc(100% + 40px);margin:20px -20px}
  .speaker-grid{grid-template-columns:repeat(2,1fr);gap:24px 16px}
  .partners-grid{grid-template-columns:repeat(2,1fr);gap:20px 16px}
  .agenda-block{padding:16px 0}
  .agenda-meta{flex-direction:column;gap:4px;margin-bottom:18px}
  .agenda-body p{line-height:1.5}
  .agenda-body li{line-height:1.4}
  .speaker-scroller-track .speaker-card{min-width:calc((100% - 20px) / 2);max-width:calc((100% - 20px) / 2)}
  .gallery-grid{grid-template-columns:repeat(3,1fr);gap:8px}
  .cookie-banner{flex-direction:column;align-items:flex-start;padding:16px 20px;gap:12px}
}