@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b0e13;--panel:#121720;--panel2:#171e29;--text:#f3f5f8;--muted:#a2adbd;--line:#293241;--accent:#a7f36b;--accent2:#d5ffb5;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);padding:0 24px;margin:auto;border-bottom:1px solid rgba(255,255,255,.08)}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.13em;font-size:14px;display:flex;gap:10px;align-items:center}.brandmark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent);color:#10170b;font-size:18px;letter-spacing:0}.topbar nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#c4ccd7}.topbar nav a:hover,footer a:hover{color:var(--accent)}.navbutton{border:1px solid #3a4656;border-radius:7px;padding:8px 14px}.hero{max-width:var(--max);margin:auto;padding:112px 24px 76px;min-height:510px;position:relative}.hero:after{content:"";position:absolute;right:7%;top:95px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(167,243,107,.14),rgba(167,243,107,0) 70%);pointer-events:none}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.19em;color:var(--accent);text-transform:uppercase}.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:8px}.hero h1{font:600 clamp(48px,8vw,86px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.055em;max-width:760px;margin:24px 0}.hero h1 span{color:var(--accent)}.lead{font-size:17px;color:var(--muted);max-width:590px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{border:0;border-radius:8px;padding:12px 17px;font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.primary{background:var(--accent);color:#10170b}.primary:hover{background:var(--accent2)}.secondary{background:transparent;border:1px solid #3b4655;color:var(--text)}.secondary:hover{border-color:var(--accent)}.hero-note{display:flex;align-items:center;gap:14px;margin-top:64px;font-size:10px;letter-spacing:.18em;color:#758194}.hero-note i{height:3px;width:3px;border-radius:50%;background:var(--accent)}.section{max-width:var(--max);padding:72px 24px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section h2,.contact h2,.about h2{font:600 clamp(30px,4vw,43px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:10px 0}.section-head>p{color:var(--muted);font-size:13px;max-width:260px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-4px);border-color:#566c4b}.project-image{height:190px;background:linear-gradient(135deg,#1c2835,#293b2c);display:grid;place-items:center;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{font:600 38px 'Space Grotesk';color:rgba(167,243,107,.7)}.project-info{padding:20px}.project-info .tag{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--accent)}.project-info h3{font:600 20px 'Space Grotesk';margin:8px 0}.project-info p{font-size:13px;color:var(--muted);margin:0 0 16px;white-space:pre-wrap}.text-link{font-size:12px;font-weight:700;color:var(--accent)}.videos-section{border-top:1px solid rgba(255,255,255,.06)}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.video-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.video-frame{position:relative;padding-top:56.25%;background:#161c24}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-meta{padding:17px 19px}.video-meta h3{font:600 18px 'Space Grotesk';margin:0 0 5px}.video-meta p{color:var(--muted);font-size:13px;margin:0}.about{border-top:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:1fr 2fr;gap:50px}.about-label{color:var(--accent);font-size:11px;letter-spacing:.18em;font-weight:700;padding-top:8px}.about p,.contact p{color:var(--muted);max-width:650px}.contact{border:1px solid #344333;border-radius:16px;background:linear-gradient(110deg,#141c18,#111720);margin-bottom:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.contact h2{margin-top:12px}.contact p{margin-bottom:0}footer{max-width:var(--max);padding:25px 24px 34px;margin:auto;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:16px;color:#8590a1;font-size:11px}footer .brand{color:var(--text)}.muted{color:var(--muted)}.empty-state{border:1px dashed #3a4655;border-radius:12px;padding:26px;color:var(--muted);grid-column:1/-1}.admin-body{min-height:100vh}.admin-wrap{max-width:1150px;margin:0 auto;padding:50px 24px 90px}.admin-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:25px}.admin-panel h1{font:600 34px 'Space Grotesk';margin:8px 0}.admin-panel h2{font:600 21px 'Space Grotesk';margin:0 0 18px}.narrow{max-width:430px;margin:35px auto}.admin-panel label{display:block;font-size:12px;font-weight:600;color:#d9dfe8;margin:0 0 14px}.admin-panel input:not([type=checkbox]),.admin-panel textarea,.admin-panel select{display:block;width:100%;margin-top:7px;background:#0b0f15;border:1px solid #303b4b;border-radius:7px;padding:11px 12px;color:var(--text);font:13px 'DM Sans',sans-serif}.admin-panel input:focus,.admin-panel textarea:focus,.admin-panel select:focus{outline:1px solid var(--accent);border-color:var(--accent)}.admin-panel textarea{resize:vertical}.full{width:100%}.hidden{display:none!important}.message{font-size:12px;color:var(--accent);min-height:18px}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.admin-columns{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(300px,1.1fr);gap:20px}.check-label{display:flex!important;align-items:center;gap:9px}.form-actions{display:flex;gap:10px}.list-heading{display:flex;align-items:center;justify-content:space-between}.list-heading h2{margin:0}.small{padding:8px 11px;font-size:11px}.admin-list{margin-top:16px}.admin-item{padding:14px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px}.admin-item h3{font-size:14px;margin:0 0 4px}.admin-item p{font-size:11px;color:var(--muted);margin:0}.item-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.item-actions button{font-size:11px;padding:7px 9px}.admin-wrap>.eyebrow{margin-bottom:8px}
@media(max-width:760px){.topbar nav{gap:13px}.topbar nav a{font-size:11px}.hero{padding-top:80px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{align-items:start;flex-direction:column;gap:5px}.about{grid-template-columns:1fr;gap:12px}.contact{align-items:start;flex-direction:column}.admin-columns{grid-template-columns:1fr}.hero:after{right:-70px}.video-grid{grid-template-columns:1fr}}
@media(max-width:480px){.topbar{padding:0 16px}.topbar nav{gap:10px}.topbar nav a:nth-child(3){display:none}.brand{font-size:12px}.hero,.section{padding-left:17px;padding-right:17px}.project-grid{grid-template-columns:1fr}.project-image{height:210px}footer{flex-wrap:wrap}.admin-wrap{padding:30px 14px}.admin-panel{padding:19px}}

/* AdCypherByte white theme override */
:root {
  color-scheme: light;
}

html,
body {
  background: #ffffff !important;
  color: #111827 !important;
}

body,
header,
.topbar,
main,
section,
footer,
.hero,
.card,
.project-card,
.video-card,
.about,
.contact {
  background-color: #ffffff !important;
  color: #111827 !important;
}

h1, h2, h3, h4, p, label, span, li {
  color: #111827;
}

a {
  color: #111827;
}

input,
textarea,
select {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #d1d5db;
}

button,
.navbutton {
  background: #111827;
  color: #ffffff !important;
}

.card,
.project-card,
.video-card {
  border: 1px solid #e5e7eb;
}

/* Improve readability across the white theme */
body {
  background: #ffffff !important;
  color: #111827 !important;
}

body * {
  border-color: #e5e7eb;
}

h1, h2, h3, h4, h5, h6,
p, span, label, li, small, strong, em,
nav a, header a, footer a {
  color: #111827 !important;
}

input, textarea, select {
  background-color: #ffffff !important;
  color: #111827 !important;
  border-color: #9ca3af !important;
}

input::placeholder,
textarea::placeholder {
  color: #6b7280 !important;
  opacity: 1;
}

button, .navbutton {
  background-color: #111827 !important;
  color: #ffffff !important;
}

footer, footer * {
  color: #111827 !important;
}

/* AdCypherByte professional black theme */
:root {
  color-scheme: dark;
}

html,
body {
  background: #080b12 !important;
  color: #f8fafc !important;
}

body {
  background-color: #080b12 !important;
}

header,
.topbar,
main,
section,
footer,
.hero,
.about,
.contact {
  background-color: #080b12 !important;
  color: #f8fafc !important;
}

h1, h2, h3, h4, h5, h6,
p, span, li, label, small, strong, em,
nav a, header a, footer a {
  color: #f8fafc !important;
}

.eyebrow,
.muted,
.hero-note {
  color: #aab4c5 !important;
}

.card,
.project-card,
.video-card {
  background-color: #111827 !important;
  color: #f8fafc !important;
  border: 1px solid #273449 !important;
}

input,
textarea,
select {
  background-color: #111827 !important;
  color: #f8fafc !important;
  border: 1px solid #475569 !important;
}

input::placeholder,
textarea::placeholder {
  color: #aab4c5 !important;
}

.button.primary,
button,
.navbutton {
  background-color: #f8fafc !important;
  color: #080b12 !important;
  border: 1px solid #f8fafc !important;
}

.button.secondary {
  background-color: transparent !important;
  color: #f8fafc !important;
  border: 1px solid #475569 !important;
}

a:hover {
  color: #60a5fa !important;
}

.brandmark {
  background-color: #f8fafc !important;
  color: #080b12 !important;
}

/* AdCypherByte logo */
.brand-logo {
  display: block;
  width: 190px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.footer-logo {
  width: 155px;
}

.topbar .brand {
  display: flex;
  align-items: center;
}

footer .brand {
  display: inline-flex;
  align-items: center;
}

@media (max-width: 600px) {
  .brand-logo {
    width: 145px;
  }

  .footer-logo {
    width: 125px;
  }
}
.brand-logo {
  display: block;
  width: 190px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}