*{box-sizing:border-box}
:root{
  --bg:#030405;
  --bg-2:#07090c;
  --panel:#101419;
  --panel-2:#151a20;
  --text:#f8f8f6;
  --muted:#a9aeb7;
  --line:#272d35;
  --yellow:#ffd400;
  --yellow-2:#f6b900;
  --green:#32d373;
  --red:#ff5757;
  --container:1170px;
}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 82% 7%,rgba(255,212,0,.12),transparent 24%),
    radial-gradient(circle at 0% 55%,rgba(255,212,0,.05),transparent 28%),
    var(--bg);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background:
    linear-gradient(115deg,transparent 0 58%,rgba(255,212,0,.18) 59%,transparent 60%),
    repeating-linear-gradient(165deg,rgba(255,255,255,.025) 0 1px,transparent 1px 13px);
  mask-image:linear-gradient(to bottom,transparent,black 18%,transparent 82%);
}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
mark{background:transparent;color:var(--yellow)}
.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.site-header{
  min-height:100px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:34px;
  position:relative;
  z-index:20;
}
.brand{display:inline-flex;align-items:center;color:var(--yellow)}
.image-brand img{display:block;width:248px;max-width:100%;height:auto}
.brand-footer img{width:260px}
.nav{display:flex;justify-content:center;gap:44px;font-size:14px;font-weight:500}
.nav a{position:relative;color:#f0f0ef}
.nav a.active::after,.nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:2px;background:var(--yellow)}
.header-actions{display:flex;align-items:center;gap:16px}
.lang-switcher{display:flex;align-items:center;gap:3px;border:1px solid rgba(255,212,0,.45);border-radius:999px;padding:4px;background:rgba(10,12,15,.7)}
.lang-switcher button{
  min-width:36px;
  height:30px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#d6d8dc;
  cursor:pointer;
  font-size:12px;
  font-weight:800;
}
.lang-switcher button.active{background:var(--yellow);color:#111}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 27px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.2s;white-space:nowrap}
.btn-outline{border-color:var(--yellow);color:white;background:rgba(0,0,0,.08)}
.btn-outline:hover{background:var(--yellow);color:#111}
.btn-primary{background:linear-gradient(135deg,var(--yellow),#ffcc24);color:#111;box-shadow:0 12px 32px rgba(255,212,0,.18)}
.btn-primary:hover{transform:translateY(-1px)}
.btn:disabled{opacity:.68;cursor:not-allowed;transform:none}
.menu-toggle{display:none;background:transparent;border:0;color:white}

.page-shell{
  min-height:100vh;
  background:
    linear-gradient(90deg,rgba(3,4,5,.96) 0%,rgba(3,4,5,.88) 33%,rgba(3,4,5,.34) 62%,rgba(3,4,5,.08) 100%),
    linear-gradient(180deg,rgba(3,4,5,.08) 0%,rgba(3,4,5,.22) 58%,#030405 100%),
    url("../img/hygisec.png") top right / min(1280px,72vw) auto no-repeat,
    #030405;
}
.hero{
  position:relative;
  overflow:hidden;
  min-height:720px;
  background:transparent;
}
.hero-grid{
  min-height:720px;
  display:grid;
  grid-template-columns:47% 53%;
  align-items:center;
  position:relative;
  padding:58px 0 76px;
}
.hero-copy{position:relative;z-index:5;padding-right:12px}
.eyebrow{text-transform:uppercase;letter-spacing:7px;color:#c7c9ce;font-size:12px;margin:0 0 28px}
.hero h1{font-size:clamp(54px,5.65vw,78px);line-height:.98;letter-spacing:-3.2px;margin:0 0 28px}
.lead{font-size:18px;line-height:1.56;color:#e0e1e4;max-width:570px;margin:0 0 30px}
.notify-form{max-width:560px}
.email-wrap{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  background:rgba(16,20,25,.82);
  border:1px solid #50565f;
  border-radius:999px;
  padding:5px 5px 5px 18px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.mail-icon{color:var(--yellow);font-size:20px;line-height:1}
.email-wrap input{min-width:0;background:none;border:0;outline:0;color:white;padding:15px 12px}
.email-wrap input::placeholder{color:#838991}
.form-note,.form-status{font-size:12px;color:#a8adb5;margin:14px 4px 0}
.form-note span:first-child{color:var(--yellow)}
.form-status.success{color:#64d99b}.form-status.error{color:#ff8585}
.hero-visual{
  display:none;
}

.features{
  padding:12px 0 88px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  position:relative;
  z-index:3;
}
.features article{text-align:center;padding:26px 22px;position:relative}
.features article:not(:last-child)::after{content:"";position:absolute;right:0;top:31%;height:42%;width:1px;background:#2b3037}
.feature-icon{
  width:74px;
  height:74px;
  margin:0 auto 12px;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.feature-icon img{width:100%;height:100%;object-fit:contain;display:block}
.features h3{margin:0 0 6px;font-size:20px;line-height:1.15}
.features p{margin:0;color:#d8d9dc;font-size:15px;line-height:1.28}

.launch-section{
  text-align:center;
  padding:112px 0 128px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 2%,rgba(255,212,0,.045),transparent 21%),
    linear-gradient(#050607,#070809);
}
.launch-section::before,.launch-section::after{
  content:"";
  position:absolute;
  width:820px;
  height:270px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:50%;
  transform:rotate(10deg);
}
.launch-section::before{left:-300px;bottom:-95px}.launch-section::after{right:-300px;top:116px}
.centered{text-align:center;margin-bottom:18px}
.launch-section h2{font-size:56px;letter-spacing:-2.4px;line-height:1.05;margin:0 0 16px}
.launch-copy{color:#cfd1d6;max-width:620px;margin:0 auto 36px;font-size:18px;line-height:1.55}
.countdown{display:flex;justify-content:center;gap:36px;position:relative;z-index:2}
.countdown>div{width:128px;height:116px;border:1px solid #28303a;background:linear-gradient(180deg,#12171d,#0d1014);border-radius:9px;display:grid;place-items:center;align-content:center;gap:10px;box-shadow:0 20px 45px rgba(0,0,0,.2)}
.countdown strong{font-size:34px}.countdown span{font-size:14px;color:#d0d2d6}

.footer{border-top:1px solid #15191e;background:#030405;padding-top:48px}
.footer-inner{display:grid;grid-template-columns:1.15fr 1fr .8fr;align-items:center;gap:30px;padding-bottom:42px}
.footer-tagline{font-size:9px;letter-spacing:5px;line-height:1.7;margin:5px 0 0 74px;color:#e0e0e2}
.social{border-left:1px solid #2a2e34;padding-left:58px}
.social p{color:#eee;margin:0 0 18px;font-weight:600}
.social div{display:flex;gap:26px;font-size:25px;font-weight:800;align-items:center}
.trust-note{justify-self:end;color:#e6e6e6;font-style:italic;font-size:23px;line-height:1.24;transform:rotate(-6deg);border-bottom:2px solid var(--yellow);padding-bottom:8px}
.footer-bottom{border-top:1px solid #15191e;display:flex;justify-content:space-between;gap:24px;padding:25px 0 32px;color:#858b93;font-size:13px}
.footer-bottom div{display:flex;gap:28px;flex-wrap:wrap}

.content-page,.admin-page{min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(255,212,0,.13),transparent 28%),#030405}
.content-shell{min-height:100vh;padding:34px;display:grid;place-items:start center}
.content-card{width:min(860px,100%);background:rgba(13,16,20,.94);border:1px solid #252c35;border-radius:10px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.content-card .image-brand img{width:220px}
.content-card .eyebrow{margin-top:34px;margin-bottom:18px}
.content-card h1{font-size:clamp(38px,5vw,62px);line-height:1.04;letter-spacing:-2px;margin:0 0 26px}
.page-content{color:#d9dce1;font-size:17px;line-height:1.72;margin-bottom:32px}
.page-content p{margin:0 0 18px}
.admin-shell{min-height:100vh;display:grid;place-items:center;padding:34px}
.admin-card{width:min(1180px,100%);background:rgba(13,16,20,.94);border:1px solid #252c35;border-radius:10px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.admin-card .image-brand img{width:210px}
.admin-card h1{font-size:34px;margin:30px 0 8px;letter-spacing:-1.2px}
.admin-muted{color:var(--muted);margin:0 0 24px}
.admin-login{display:grid;gap:12px;max-width:420px}
.admin-login label,.page-editor label,.contact-form label,.settings-form label{color:#d7d9dd;font-weight:700}
.admin-login input,.page-editor input,.page-editor textarea,.contact-form input,.contact-form textarea,.settings-form input{background:#06080a;border:1px solid #323943;color:white;border-radius:8px;padding:14px 15px;outline:0}
.page-editor textarea,.contact-form textarea{resize:vertical;line-height:1.55}
.contact-form{display:grid;gap:12px;margin:0 0 28px}
.contact-form .btn{justify-self:start}
.settings-form{display:grid;gap:12px;max-width:430px;background:#090c10;border:1px solid #242b34;border-radius:8px;padding:18px}
.settings-form .admin-muted{margin:0}
.favicon-form{margin-top:16px}
.favicon-current{display:flex;align-items:center;gap:12px;color:#cfd3d8;background:#06080a;border:1px solid #323943;border-radius:8px;padding:12px}
.favicon-current img{width:42px;height:42px;object-fit:contain;border-radius:6px;background:#11161c}
.favicon-current span{font-size:13px;overflow-wrap:anywhere}
.settings-form input[type="file"]{padding:10px;color:#d7d9dd}
.admin-error{color:#ff8585;margin:0}
.admin-success{color:#64d99b;margin:18px 0 0;font-weight:700}
.admin-empty{color:#c9cdd2;margin:28px 0 0}
.admin-topline{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:18px}
.admin-dashboard{display:grid;grid-template-columns:190px 1fr;gap:26px;margin-top:30px;align-items:start}
.admin-sidebar{position:sticky;top:18px;display:grid;gap:8px;background:#080b0e;border:1px solid #252c35;border-radius:8px;padding:10px}
.admin-sidebar a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:7px;color:#c9cdd3;font-weight:800}
.admin-sidebar a.active,.admin-sidebar a:hover{background:var(--yellow);color:#101010}
.admin-main{min-width:0}
.admin-section{padding-top:0}
.admin-section h2{font-size:24px;margin:0 0 18px}
.admin-section-title{display:flex;justify-content:space-between;align-items:end;gap:18px}
.admin-section-title .admin-muted{margin:0}
.page-editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.page-editor{display:grid;gap:11px;background:#090c10;border:1px solid #242b34;border-radius:8px;padding:18px}
.page-editor-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.page-editor-head h3{font-size:18px;margin:0}
.page-editor-head a{color:var(--yellow);font-weight:800;font-size:13px}
.social-editor{display:grid;gap:14px;margin-top:18px}
.social-row{display:grid;grid-template-columns:140px 92px 1fr;gap:16px;align-items:center;background:#090c10;border:1px solid #242b34;border-radius:8px;padding:16px}
.social-row>div{display:flex;align-items:center;gap:12px}
.social-row strong{font-size:16px}
.social-row>div span{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#151a20;color:var(--yellow);font-weight:900}
.social-row label{display:grid;gap:8px;color:#d7d9dd;font-weight:700}
.social-row input[type="url"]{width:100%;background:#06080a;border:1px solid #323943;color:white;border-radius:8px;padding:13px 14px;outline:0}
.toggle-row{display:flex!important;align-items:center;gap:9px}
.toggle-row input{width:18px;height:18px;accent-color:var(--yellow)}
.admin-table-wrap{overflow:auto;border:1px solid #252c35;border-radius:8px;margin-top:24px}
.admin-table{width:100%;border-collapse:collapse;min-width:680px}
.admin-table th,.admin-table td{text-align:left;padding:14px 16px;border-bottom:1px solid #20262e;font-size:14px}
.admin-table th{color:var(--yellow);background:#080b0e}
.admin-table tr:last-child td{border-bottom:0}
.admin-table a{color:var(--yellow);font-weight:700}
.admin-message-table{min-width:920px}
.admin-message-table td:last-child{min-width:280px;line-height:1.45;color:#d6d9de}
.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.security-grid article{display:grid;gap:8px;background:#090c10;border:1px solid #242b34;border-radius:8px;padding:18px}
.security-grid strong{color:var(--yellow)}
.security-grid span{color:#d5d8dd;line-height:1.45}
.security-grid .warning{border-color:rgba(255,212,0,.55);box-shadow:inset 0 0 0 1px rgba(255,212,0,.12)}

@media (max-width:1060px){
  .desktop-cta{display:none}
  .site-header{grid-template-columns:auto 1fr auto}
  .image-brand img{width:214px}
  .nav{gap:26px}
  .page-shell{
    background:
      linear-gradient(90deg,rgba(3,4,5,.96) 0%,rgba(3,4,5,.8) 42%,rgba(3,4,5,.28) 100%),
      linear-gradient(180deg,rgba(3,4,5,.06) 0%,rgba(3,4,5,.55) 58%,#030405 100%),
      url("../img/hygisec.png") top center / 1120px auto no-repeat,
      #030405;
  }
  .hero{min-height:auto}
  .hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:54px}
  .hero-copy{max-width:680px}
  .features{grid-template-columns:repeat(2,1fr)}
  .features article:nth-child(2)::after{display:none}
}
@media (max-width:760px){
  .page-shell{
    background:
      linear-gradient(180deg,rgba(3,4,5,.72) 0%,rgba(3,4,5,.86) 34%,rgba(3,4,5,.95) 62%,#030405 100%),
      url("../img/hygisec.png") top center / 900px auto no-repeat,
      #030405;
  }
  .container{width:min(100% - 30px,var(--container))}
  .site-header{grid-template-columns:1fr auto;min-height:80px;gap:12px}
  .image-brand img{width:178px}
  .header-actions{grid-column:1/-1;justify-content:space-between;order:3;margin-top:2px}
  .lang-switcher{margin-left:auto}
  .menu-toggle{display:block;width:42px;height:42px;position:relative}.menu-toggle span{display:block;width:24px;height:2px;background:white;margin:6px auto;transition:.2s}
  .nav{position:absolute;left:15px;right:15px;top:78px;background:#0d1014;border:1px solid #20252c;border-radius:10px;padding:18px;display:none;flex-direction:column;gap:18px;align-items:flex-start}
  .nav.open{display:flex}.nav a.active::after,.nav a:hover::after{display:none}
  .hero-grid{padding:44px 0 46px}
  .hero h1{font-size:47px;letter-spacing:-2px}
  .eyebrow{letter-spacing:3.4px;font-size:11px}.lead{font-size:16px}
  .email-wrap{grid-template-columns:auto 1fr;border-radius:22px}.email-wrap .btn{grid-column:1/-1;width:100%;margin-top:6px}
  .features{grid-template-columns:1fr 1fr;padding-bottom:54px}.features article{padding:20px 10px}.features article:not(:last-child)::after{display:none}
  .feature-icon{width:62px;height:62px}.features h3{font-size:18px}.features p{font-size:14px}
  .launch-section{padding:78px 0 92px}.launch-section h2{font-size:42px}.launch-copy{font-size:16px}
  .countdown{gap:8px}.countdown>div{width:calc(25% - 6px);height:92px}.countdown strong{font-size:27px}.countdown span{font-size:12px}
  .footer-inner{grid-template-columns:1fr;text-align:center}.brand-footer{justify-content:center}.brand-footer img{width:220px}.footer-tagline{margin-left:0}.social{border-left:0;padding-left:0}.social div{justify-content:center}.trust-note{justify-self:center}.footer-bottom{flex-direction:column;align-items:center;text-align:center}.footer-bottom div{justify-content:center;gap:18px}
  .content-shell,.admin-shell{padding:16px}.content-card,.admin-card{padding:22px}.admin-topline,.admin-section-title{align-items:flex-start;flex-direction:column}.admin-card h1{font-size:28px}.page-editor-grid,.security-grid{grid-template-columns:1fr}.content-card .image-brand img{width:190px}.admin-dashboard{grid-template-columns:1fr;gap:18px}.admin-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.admin-sidebar a{white-space:nowrap;justify-content:center;padding:0 8px}.social-row{grid-template-columns:1fr;align-items:start}
}