:root{
  --bg:#07101f;--panel:#0d1830;--panel2:#101d38;--ink:#f7fbff;--muted:#aebad1;
  --cyan:#28ddff;--blue:#2d8cff;--violet:#7d4dff;--gold:#ffdf39;--line:#26395d;
  --success:#44e39a;--danger:#ff5d75;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:
radial-gradient(circle at 20% 10%,#2b173c 0,transparent 26%),
radial-gradient(circle at 82% 12%,#092e50 0,transparent 32%),
linear-gradient(180deg,#07101f,#090e1c 45%,#050a13);
color:var(--ink);min-height:100vh;overflow-x:hidden}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:var(--cyan);text-decoration:none}
.bg-orb{position:fixed;filter:blur(100px);opacity:.23;z-index:-1;border-radius:50%}
.orb-1{width:460px;height:460px;background:#ff6d00;left:-180px;top:130px}
.orb-2{width:560px;height:560px;background:#0077ff;right:-240px;top:80px}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;background:rgba(7,16,31,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,223,57,.85)}
.brand-wrap{display:flex;align-items:center;gap:16px;min-width:0}
.brand-img{width:390px;max-width:38vw;height:58px;object-fit:contain;background:#fff;border-radius:8px;padding:2px}
.brand-text{white-space:nowrap}
.eyebrow{font-size:11px;color:#8bcfff;letter-spacing:.16em;font-weight:800}
.event-brand{font-size:24px;font-weight:900;letter-spacing:-.03em}.event-brand span{color:#b9e9ff}.event-brand b{color:#46afff}
.main-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.nav-btn,.primary-btn,.secondary-btn,.ghost-btn,.submit-btn{border-radius:16px;font-weight:800;border:1px solid var(--gold);transition:.25s ease}
.nav-btn{padding:12px 18px;background:#111829;color:#fff}
.nav-btn.active,.nav-btn:hover{background:linear-gradient(135deg,#158fdc,#336cff);box-shadow:0 0 24px rgba(45,140,255,.32)}
.view{display:none;min-height:72vh}.view.active{display:block}
.hero{padding:70px 6vw 64px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:
linear-gradient(90deg,rgba(255,105,0,.13),transparent 42%,rgba(0,125,255,.13)),
repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.025) 80px)}
.hero-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;position:relative}
.badge{display:inline-flex;padding:8px 12px;border:1px solid #315e8b;border-radius:999px;background:#0d2038;color:#9ddcff;font-weight:800;font-size:12px;letter-spacing:.08em}
.kicker{font-weight:900;letter-spacing:.12em;color:var(--cyan);margin-top:28px}
h1{font-size:clamp(52px,7vw,96px);line-height:.92;margin:10px 0 12px;letter-spacing:-.06em}
h1 span{background:linear-gradient(90deg,#34d8ff,#7c56ff);-webkit-background-clip:text;color:transparent}
.date-line{font-size:25px;font-weight:800;margin:0 0 8px}.hero-sub{font-size:22px;color:#cfe9ff;font-weight:700}
.hero-desc{max-width:680px;color:var(--muted);font-size:17px;line-height:1.7}
.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.primary-btn,.submit-btn{padding:15px 23px;color:#fff;background:linear-gradient(135deg,#168ed4,#7147f1);box-shadow:0 8px 30px rgba(41,141,255,.22)}
.secondary-btn{padding:14px 20px;color:#e9fbff;background:#0d1830}
.ghost-btn{padding:12px 18px;background:transparent;color:#fff;border-color:#52627c}
.hero-card{min-height:520px;border:1px solid rgba(75,193,255,.5);border-radius:34px;padding:26px;background:linear-gradient(180deg,rgba(17,35,64,.72),rgba(8,17,31,.82));box-shadow:inset 0 0 70px rgba(0,153,255,.05),0 30px 80px rgba(0,0,0,.35)}
.hero-card-top{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;color:#a9dfff;font-weight:800}
.pulse{width:10px;height:10px;background:var(--cyan);border-radius:50%;box-shadow:0 0 16px var(--cyan)}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}
.countdown div{border:1px solid rgba(255,255,255,.15);padding:18px 6px;border-radius:18px;text-align:center;background:rgba(255,255,255,.03)}
.countdown strong{font-size:38px;display:block}.countdown span{color:var(--muted);font-size:12px}
.hero-visual{position:relative;height:310px;display:flex;align-items:center;justify-content:center;margin-top:18px}
.ai-core{position:relative;width:180px;height:180px;display:grid;place-items:center}
.core{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;font-size:42px;font-weight:900;background:radial-gradient(circle,#75f7ff,#226dff 52%,#10182e 58%);box-shadow:0 0 50px #168cff}
.ring{position:absolute;border:1px solid #56dfff;border-radius:50%;inset:0;animation:spin 12s linear infinite}.ring-b{inset:20px;border-style:dashed;animation-direction:reverse;animation-duration:7s}
@keyframes spin{to{transform:rotate(360deg)}}
.human-side,.agent-side{position:absolute;top:50%;transform:translateY(-50%);font-size:13px;letter-spacing:.2em;font-weight:900;color:#7d8ca8}.human-side{left:10px}.agent-side{right:10px}
.content-section{max-width:1280px;margin:auto;padding:64px 6vw}
.section-heading span,.mini-label{color:var(--cyan);font-size:12px;letter-spacing:.16em;font-weight:900}
.section-heading h2{font-size:clamp(30px,4vw,50px);margin:8px 0 15px;letter-spacing:-.04em}
.section-heading p{color:var(--muted)}.section-heading.center{text-align:center}
.info-panel{background:linear-gradient(135deg,rgba(11,32,55,.88),rgba(26,17,59,.72));border:1px solid #2c456b;border-radius:26px;padding:28px;font-size:18px;line-height:1.75;color:#dbe8fa}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.timeline-item{display:flex;gap:13px;padding:16px;border:1px solid #263957;border-radius:18px;background:#0b1629;align-items:center}
.timeline-item b{display:block;margin-bottom:6px}.timeline-item span{font-size:13px;color:var(--muted)}
.date-chip{min-width:58px;border:1px solid #3e5e86;border-radius:12px;padding:8px;text-align:center;color:#9ddcff;font-weight:900;font-size:12px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-card{padding:28px;border-radius:24px;background:#0c182c;border:1px solid #2c3c5b}
.contact-card h3{font-size:26px;margin:10px 0 4px}.contact-card p{color:var(--muted);margin:0 0 12px}
.page-top{padding-top:72px}
.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}
.event-card{position:relative;min-height:370px;padding:26px;border-radius:28px;overflow:hidden;border:1px solid #284461;background:linear-gradient(160deg,#0b172b,#111b34 65%,#25185a);display:flex;flex-direction:column}
.event-card:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-50px;top:-50px;background:radial-gradient(circle,var(--accent),transparent 68%);opacity:.35}
.event-no{font-size:12px;color:#8faccc;font-weight:900}.event-icon{font-size:56px;margin:32px 0 20px}
.event-card h3{font-size:28px;margin:0 0 4px}.event-card .sub{color:#bcd7f2;font-weight:700}
.event-meta{margin-top:auto;padding-top:20px;border-top:1px solid #243b5a;color:#b7c4d9;font-size:14px;line-height:1.7}
.event-card .register-inline{margin-top:14px;align-self:flex-start}
.form-shell{padding:56px 20px 90px}
.form-card{max-width:920px;margin:auto;background:rgba(243,252,255,.97);color:#0c1730;border:2px solid #35aaff;border-radius:28px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.form-card.small{max-width:720px}
.back-link{border:0;background:none;font-weight:800;color:#1a2b4d;padding:0 0 18px}
.form-title{display:flex;gap:16px;align-items:center;margin-bottom:26px}.form-title h2{font-size:36px;margin:0}.form-title p{margin:6px 0;color:#52627b}
.icon-bubble{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#dff8ff;color:#058fc2;font-size:24px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 20px}
label{font-weight:800;display:block;color:#10203a}
input,select{width:100%;margin-top:7px;padding:14px 15px;border-radius:14px;border:2px solid #f1ae00;background:#fff;color:#14213a;outline:none}
input:focus,select:focus{border-color:#1da4ff;box-shadow:0 0 0 4px rgba(29,164,255,.11)}
.event-choice{margin:22px 0;border:1px solid #c7d6e7;border-radius:18px;padding:18px}
.event-choice legend{font-weight:900}.event-choice label{display:flex;gap:10px;align-items:center;padding:8px 4px;font-weight:700}
.event-choice input{width:auto;margin:0}.event-choice small{color:#66728a}
.security-note{padding:18px;border-radius:16px;background:#edf8ff;border:1px solid #d2e9f7;line-height:1.55;color:#38465d}
.submit-btn{margin-top:22px;width:100%;font-size:18px}
.form-message{margin-top:14px;font-weight:800}.form-message.error{color:#bd1730}.form-message.success{color:#0c7f52}
.admin-details{margin-top:28px;border-top:1px solid #cad6e6;padding-top:16px}.admin-details summary{font-weight:900;cursor:pointer}
.admin-login{display:grid;gap:12px;margin-top:16px}
.dashboard-card{background:#0c182c;border:1px solid #2c4468;border-radius:26px;padding:28px}
.dashboard-head{display:flex;justify-content:space-between;gap:20px;align-items:start;flex-wrap:wrap}
.status-pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(68,227,154,.12);border:1px solid rgba(68,227,154,.4);color:#74efb2;font-weight:900}
.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.detail-box{padding:16px;border-radius:16px;background:#0a1426;border:1px solid #243957}.detail-box span{display:block;color:#8194b5;font-size:12px}.detail-box b{display:block;margin-top:6px}
.pass{margin-top:24px;padding:24px;border-radius:20px;border:1px dashed #53cfff;background:linear-gradient(135deg,#071727,#141139)}
.admin-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.admin-header h2{font-size:40px;margin:5px 0}
.admin-actions{display:flex;gap:12px;flex-wrap:wrap}
.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:22px}
.stat-card{padding:18px;border-radius:18px;background:#0c182c;border:1px solid #273d5f}.stat-card strong{font-size:30px;display:block}.stat-card span{font-size:12px;color:#9cafca}
.table-wrap{overflow:auto;border:1px solid #263c5f;border-radius:20px;background:#091326}
table{width:100%;border-collapse:collapse;min-width:1100px}
th,td{padding:14px;border-bottom:1px solid #1e3150;text-align:left;font-size:14px}th{color:#9ddcff;background:#0d1a31}
.site-footer{border-top:1px solid #23385b;padding:28px 6vw;color:#91a4c5;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#050b15}
@media(max-width:1050px){
  .site-header{align-items:flex-start}.brand-img{width:270px}.brand-text{display:none}
  .hero-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.events-grid{grid-template-columns:1fr 1fr}
  .stats-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .site-header{padding:10px 12px;flex-direction:column}.brand-wrap{width:100%}.brand-img{max-width:100%;width:100%;height:54px}
  .main-nav{width:100%;display:grid;grid-template-columns:1fr 1fr}.nav-btn{padding:10px 8px;font-size:13px}
  .hero{padding:44px 20px}.hero-card{min-height:460px;padding:18px}.countdown strong{font-size:28px}
  .content-section{padding:48px 20px}.timeline,.events-grid,.contact-grid,.form-grid,.dashboard-grid{grid-template-columns:1fr}
  .form-card{padding:20px}.form-title h2{font-size:28px}.stats-grid{grid-template-columns:1fr 1fr}
}