:root{--navy:#071a36;--blue:#0b4b87;--green:#138a4d;--gold:#d8aa43;--bg:#f5f8fb;--text:#1b2939;--muted:#68778d;--line:#e2e8f0;--white:#fff;--shadow:0 18px 50px rgba(7,26,54,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}
.top{background:var(--navy);color:#dce7f5;font-size:13px;padding:8px 0}.top span{float:right}.site-header{}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--navy)}.brand img{width:54px;height:54px;object-fit:cover;border-radius:10px}.brand b{display:block;font-size:15px}.brand small{display:block;color:var(--green);font-size:10px;letter-spacing:1.6px;font-weight:800}
nav{display:flex;gap:21px;align-items:center;font-size:13px;font-weight:750}nav a:hover{color:var(--blue)}.navbtn,.btn.primary{background:var(--gold);color:var(--navy);padding:11px 17px;border-radius:9px}.hamb{display:none;border:0;background:none;font-size:28px}
.hero{
  color:#fff;
  min-height:680px;
  display:grid;
  place-items:center;
  overflow:hidden;
  position:relative;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)), url('../images/HD.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* background:radial-gradient(circle at 80% 20%,rgba(216,170,67,.24),transparent 25%),radial-gradient(circle at 10% 80%,rgba(19,138,77,.24),transparent 28%),linear-gradient(125deg,#06172f,#0b3d70 58%,#071a36) */
}
.hero:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(30deg,#fff 1px,transparent 1px),linear-gradient(150deg,#fff 1px,transparent 1px);background-size:80px 80px}.hero-content{position:relative;text-align:center;max-width:900px;padding:80px 0}.badge{display:inline-block;border:1px solid rgba(255,255,255,.3);padding:7px 15px;border-radius:30px;text-transform:uppercase;letter-spacing:2px;font-size:11px;background:rgba(255,255,255,.07)}
.hero h1{font-size:clamp(38px,5.6vw,70px);line-height:1.05;margin:18px 0}.hero h1 span{color:#f0ca61}.hero p{font-size:18px;color:#dbe7f5;max-width:780px;margin:0 auto 24px}.meta{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;font-weight:800;margin:25px 0}.count{display:flex;justify-content:center;gap:9px;margin:28px 0}.time{min-width:72px;padding:10px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15)}.time b{display:block;font-size:25px}.time small{font-size:9px;text-transform:uppercase;color:#bfd0e4;letter-spacing:1px}
section{padding:88px 0}.light{background:var(--bg)}.section-head{text-align:center;max-width:760px;margin:0 auto 45px}.kicker{color:var(--gold);font-weight:850;letter-spacing:2px;text-transform:uppercase;font-size:11px}.section-head h2{font-size:38px;line-height:1.15;color:var(--navy);margin:8px 0 12px}.section-head p{color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.icon{width:48px;height:48px;border-radius:12px;background:#eaf5ef;color:var(--green);display:grid;place-items:center;font-size:22px;margin-bottom:14px}.card h3{color:var(--navy);margin:0 0 7px}.card p{font-size:14px;color:var(--muted);margin:0}
.aboutgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.aboutgrid h2{font-size:38px;color:var(--navy);line-height:1.15}.aboutgrid p{color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:24px}.fact{padding:18px;border:1px solid var(--line);border-radius:13px}.fact b{display:block;font-size:22px;color:var(--navy)}.fact span{font-size:12px;color:var(--muted)}.visual{min-height:390px;border-radius:25px;position:relative;overflow:hidden;background:linear-gradient(145deg,#0c6a42,#071a36);box-shadow:var(--shadow);display:grid;place-items:center}.visual:after{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-80px;top:-60px}.visual .vtext{text-align:center;position:relative;z-index:2}.vtext strong{display:block;font-size:82px;color:#f1c75c;line-height:1}.vtext span{color:#e2edf8;text-transform:uppercase;letter-spacing:3px;font-size:14px}
.dates{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.date{background:#fff;border-top:4px solid var(--gold);padding:21px;border-radius:0 0 12px 12px;box-shadow:0 8px 25px rgba(7,26,54,.05)}.date span{font-size:12px;color:var(--muted)}.date b{display:block;color:var(--navy);font-size:21px;margin-top:5px}
.committee{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.person{padding:19px;background:#fff;border:1px solid var(--line);border-radius:13px}.person strong{color:var(--navy)}.person em{font-size:11px;color:var(--gold);font-style:normal;font-weight:800;display:block}.person p{margin:5px 0 0;color:var(--muted);font-size:13px}
.speaker{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;text-align:center}.avatar{height:180px;background:linear-gradient(145deg,#d9e8f4,#89a9c8);display:grid;place-items:center;font-size:55px;color:#fff;font-weight:900}.speaker div:last-child{padding:16px}.speaker h3{font-size:16px;color:var(--navy);margin:0}.speaker p{font-size:12px;color:var(--muted);margin:4px 0}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery .placeholder{height:180px;border-radius:14px;background:linear-gradient(145deg,#0b4b87,#138a4d);display:grid;place-items:center;color:#fff;font-weight:800;text-align:center;padding:15px}
.cta{background:linear-gradient(120deg,var(--navy),var(--blue));color:#fff;text-align:center}.cta h2{font-size:40px;margin:0 0 8px}.cta p{color:#cedbeb;margin:0 0 22px}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{background:#eef4fa;color:var(--navy)}.status{padding:4px 8px;border-radius:20px;font-size:11px;font-weight:800;background:#eef2f7}.ok{background:#e8f7ee;color:#08723a}.warn{background:#fff5df;color:#946300}.bad{background:#fdecec;color:#a51f1f}
.formbox{max-width:850px;margin:auto;background:#fff;padding:30px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}label{display:block;font-weight:750;color:var(--navy);font-size:13px}input,select,textarea{width:100%;padding:11px 12px;margin-top:6px;border:1px solid #cfd8e3;border-radius:8px;font:inherit;background:#fff}textarea{min-height:130px;resize:vertical}.help{font-size:12px;color:var(--muted)}.btn{display:inline-flex;border:0;cursor:pointer;align-items:center;justify-content:center;padding:11px 18px;border-radius:9px;font-weight:800}.btn.primary{border:0}.btn.secondary{background:#eef3f8;color:var(--navy)}.notice{padding:13px 15px;border-radius:10px;background:#eef7ff;border:1px solid #cfe4fa;color:#164b79;margin-bottom:18px}.danger{background:#fff0f0;color:#9b1c1c;border-color:#f1caca}
.auth{min-height:100vh;background:var(--bg);display:grid;place-items:center;padding:30px}.panel{width:min(460px,94%);background:#fff;padding:32px;border-radius:18px;box-shadow:var(--shadow)}.authlogo{width:80px;height:80px;object-fit:cover;border-radius:15px}.panel h1{color:var(--navy)}.panel label{margin:14px 0}
.adminnav{background:var(--navy);color:#fff;padding:13px 0}.adminnav .wrap{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.adminnav a{font-size:12px}.dashboard{padding:35px 0}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px}.stat b{font-size:30px;color:var(--navy);display:block}.stat span{font-size:12px;color:var(--muted)}
footer{background:#041227;color:#afbdd0;padding:45px 0 18px}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footgrid h3{color:#fff;margin:7px 0}.footgrid p,.footgrid a{font-size:13px}.footgrid a{display:block;margin:6px 0}.footlogo{width:65px;height:65px;object-fit:cover;border-radius:10px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:16px;font-size:11px;text-align:center}
@media(max-width:900px){nav{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;padding:18px;flex-direction:column;box-shadow:0 15px 30px rgba(0,0,0,.1)}.menu-open nav{display:flex}.hamb{display:block}.navbtn{width:100%;text-align:center}.grid4,.dates,.gallery{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(2,1fr)}.aboutgrid{grid-template-columns:1fr}.statgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.top span{display:none}.hero{min-height:620px}.hero h1{font-size:42px}.hero p{font-size:16px}.meta{gap:10px;font-size:13px}.count{gap:5px}.time{min-width:63px}.time b{font-size:20px}.grid3,.grid4,.dates,.gallery,.committee,.statgrid,.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.footgrid{grid-template-columns:1fr}.section-head h2{font-size:30px}.aboutgrid h2{font-size:30px}.top{font-size:11px}}
.hero-notice{margin:20px 0;max-width:760px;background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.25)}
.hero-notice a{color:inherit}.speaker{overflow:hidden}.speaker img{display:block}.formbox form label{display:block}.formbox select,.formbox input,.formbox textarea{width:100%;box-sizing:border-box}.status.ok{background:#e4f6ec}.status.bad{background:#fde7e7}.status.warn{background:#fff3d6}
table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}th{background:#f6f8f7}.btn{border:0;cursor:pointer;display:inline-block;text-decoration:none}.notice{padding:14px 16px;border-radius:12px;background:#eef8f2;border:1px solid #cce6d5;margin:14px 0;color:#000}.notice.danger{background:#fff0f0;border-color:#f2c7c7}
