:root {
  --bg: #020810;
  --surface: #060d1a;
  --card: #0a1628;
  --card2: #0d1e35;
  --border: #0d2545;
  --border2: #1a3a60;
  --cyan: #00f5ff;
  --green: #00ff9d;
  --orange: #ff6b35;
  --purple: #7b2fff;
  --red: #ff3b5c;
  --text: #c8dff0;
  --dim: #4a7299;
  --dim2: #2a4a6a;
  --gcyan: 0 0 20px rgba(0,245,255,0.35);
  --ggreen: 0 0 20px rgba(0,255,157,0.35);
  --gpurple: 0 0 20px rgba(123,47,255,0.35);
  --gred: 0 0 20px rgba(255,59,92,0.35);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'Rajdhani',sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;}

/* SCANLINES */
body::before{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,245,255,0.012) 2px,rgba(0,245,255,0.012) 4px);pointer-events:none;z-index:998;}











/* ═══════════════════════════════════
   FORMS & INPUTS
═══════════════════════════════════ */
.fg{margin-bottom:18px;}
.fl{display:block;font-family:'Share Tech Mono',monospace;font-size:.7rem;letter-spacing:2px;color:var(--dim);margin-bottom:6px;text-transform:uppercase;}
.fi,.fs,.fta{width:100%;background:var(--surface);border:1px solid var(--border2);color:var(--text);padding:12px 16px;font-family:'Share Tech Mono',monospace;font-size:.85rem;outline:none;transition:border-color .3s;}
.fi:focus,.fs:focus,.fta:focus{border-color:var(--cyan);box-shadow:var(--gcyan);}
.fta{min-height:120px;resize:vertical;}
.fs option{background:var(--surface);}
.btn-form{font-family:'Orbitron',monospace;font-size:.78rem;letter-spacing:3px;padding:14px 32px;background:transparent;border:1px solid var(--cyan);color:var(--cyan);cursor:pointer;width:100%;transition:all .3s;text-transform:uppercase;margin-top:8px;}
.btn-form:hover{background:var(--cyan);color:var(--bg);box-shadow:var(--gcyan);}
.btn-form.red{border-color:var(--red);color:var(--red);}
.btn-form.red:hover{background:var(--red);color:#fff;box-shadow:var(--gred);}

/* ═══════════════════════════════════
   ADMIN PANEL
═══════════════════════════════════ */
.admin-overlay{display:none;position:fixed;inset:0;background:rgba(2,8,16,.97);z-index:800;overflow-y:auto;}
.admin-overlay.open{display:block;}
.admin-panel{max-width:1100px;margin:0 auto;padding:40px 32px;}
.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border);gap:16px;flex-wrap:wrap;}
.admin-header-left{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.admin-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'Orbitron',monospace;font-size:.85rem;font-weight:700;letter-spacing:2px;color:var(--text);cursor:pointer;transition:opacity .3s;}
.admin-logo:hover{opacity:.8;}
.admin-logo .logo-box{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--cyan);color:var(--cyan);font-size:1.1rem;background:rgba(0,245,255,.06);box-shadow:var(--gcyan);border-radius:2px;}
.admin-header-divider{width:1px;height:34px;background:var(--border2);}
.admin-title{font-family:'Orbitron',monospace;font-size:1.5rem;font-weight:900;color:var(--red);text-shadow:var(--gred);letter-spacing:3px;}
.admin-subtitle{font-family:'Share Tech Mono',monospace;font-size:.72rem;color:var(--dim);margin-top:4px;letter-spacing:2px;}
.admin-close{background:none;border:1px solid var(--border2);color:var(--dim);padding:8px 20px;font-family:'Share Tech Mono',monospace;font-size:.78rem;cursor:pointer;letter-spacing:2px;transition:all .3s;}
.admin-close:hover{border-color:var(--red);color:var(--red);}
.admin-logout{background:none;border:1px solid rgba(255,59,92,.4);color:var(--red);padding:9px 22px;font-family:'Share Tech Mono',monospace;font-size:.75rem;cursor:pointer;letter-spacing:2px;transition:all .3s;text-transform:uppercase;border-radius:2px;flex-shrink:0;}
.admin-logout:hover{background:var(--red);color:#fff;box-shadow:var(--gred);}
.admin-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;background:none;border:1px solid rgba(255,59,92,.4);cursor:pointer;border-radius:2px;flex-shrink:0;padding:0;transition:all .3s;}
.admin-menu-toggle span{display:block;width:20px;height:2px;background:var(--red);transition:all .3s;}
.admin-menu-toggle.open{background:rgba(255,59,92,.1);}
.admin-menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.admin-menu-toggle.open span:nth-child(2){opacity:0;}
.admin-menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.admin-mobile-tab{display:none;}
.admin-tabs{display:flex;gap:4px;margin-bottom:36px;flex-wrap:wrap;}
.atab{font-family:'Orbitron',monospace;font-size:.72rem;letter-spacing:2px;padding:10px 20px;background:transparent;border:1px solid var(--border2);color:var(--dim);cursor:pointer;transition:all .3s;text-transform:uppercase;}
.atab.active{border-color:var(--red);color:var(--red);background:rgba(255,59,92,.06);}
.admin-section{display:none;}
.admin-section.active{display:block;}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.cust-subnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;padding-bottom:20px;border-bottom:1px dashed var(--border2);}
.cust-subtab{display:flex;align-items:center;gap:8px;font-family:'Share Tech Mono',monospace;font-size:.72rem;letter-spacing:1.5px;padding:10px 16px;background:var(--card);border:1px solid var(--border2);color:var(--dim);cursor:pointer;transition:all .3s;text-transform:uppercase;}
.cust-subtab .cst-icon{font-size:.95rem;}
.cust-subtab:hover{color:var(--text);border-color:rgba(0,245,255,.3);}
.cust-subtab.active{border-color:var(--cyan);color:var(--cyan);background:rgba(0,245,255,.07);box-shadow:var(--gcyan);}
.cust-panel{display:none;}
.cust-panel.active{display:grid;grid-template-columns:1fr 1fr;gap:24px;animation:custFadeIn .3s ease;}
@keyframes custFadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
.cust-panel[data-single="true"]{grid-template-columns:1fr;}
@media(max-width:700px){.cust-panel.active{grid-template-columns:1fr;}.cust-subnav{gap:6px;}.cust-subtab{padding:9px 12px;font-size:.66rem;}}
.admin-form-box{background:var(--card);border:1px solid var(--border);padding:28px;position:relative;}
.admin-form-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--red);}
.afb-title{font-family:'Orbitron',monospace;font-size:.85rem;color:var(--red);margin-bottom:20px;letter-spacing:2px;}
.admin-list-box{background:var(--card);border:1px solid var(--border);padding:28px;}
.alb-title{font-family:'Orbitron',monospace;font-size:.85rem;color:var(--cyan);margin-bottom:20px;letter-spacing:2px;display:flex;align-items:center;justify-content:space-between;}
.alb-count{font-size:.75rem;color:var(--dim);font-family:'Share Tech Mono',monospace;}
.admin-item{background:var(--surface);border:1px solid var(--border);padding:14px 16px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .3s;}
.admin-item:hover{border-color:var(--border2);}
.ai-info{}
.ai-name{font-weight:700;color:#fff;font-size:.95rem;}
.ai-sub{font-family:'Share Tech Mono',monospace;font-size:.72rem;color:var(--dim);margin-top:2px;}
.ai-del{background:none;border:1px solid rgba(255,59,92,.25);color:var(--red);padding:5px 14px;font-family:'Share Tech Mono',monospace;font-size:.65rem;cursor:pointer;transition:all .3s;flex-shrink:0;}
.ai-del:hover{background:rgba(255,59,92,.15);}
.admin-pub-form .fg{margin-bottom:14px;}

.fh-avatar {
    position: relative;
    overflow: hidden; /* Ensures the uploaded picture corners follow the box border radius */
}

.fh-avatar img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fh-label {
    z-index: 2; /* Forces the blue FOUNDER text tag to always stay visible on top of the image */
}
/* ═══════════════════════════════════
   ADMIN STYLES
   Load only on admin.html
═══════════════════════════════════ */

/* ═══════════════════════════════════
   PASSWORD GATE
═══════════════════════════════════ */
.pw-gate{position:fixed;inset:0;background:rgba(2,8,16,.98);z-index:2000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(10px);}
.pw-gate.visible{display:flex;}
.pw-gate.gone{display:none;}
.pw-box{background:var(--card);border:1px solid rgba(255,59,92,.4);padding:48px 40px;max-width:420px;width:90%;position:relative;box-shadow:0 0 60px rgba(255,59,92,.15);}
.pw-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--red),var(--purple));}
.pw-title{font-family:'Orbitron',monospace;font-size:1.1rem;font-weight:900;color:var(--red);letter-spacing:3px;margin-bottom:6px;}
.pw-sub{font-family:'Share Tech Mono',monospace;font-size:.72rem;letter-spacing:2px;color:var(--dim);margin-bottom:28px;}
.pw-input{width:100%;background:var(--surface);border:1px solid var(--border2);color:var(--text);padding:14px 16px;font-family:'Share Tech Mono',monospace;font-size:1rem;outline:none;letter-spacing:4px;margin-bottom:16px;transition:border-color .3s;}
.pw-input:focus{border-color:var(--red);box-shadow:var(--gred);}
.pw-btn{width:100%;font-family:'Orbitron',monospace;font-size:.78rem;letter-spacing:3px;padding:14px;background:transparent;border:1px solid var(--red);color:var(--red);cursor:pointer;transition:all .3s;text-transform:uppercase;}
.pw-btn:hover{background:var(--red);color:#fff;box-shadow:var(--gred);}
.pw-err{font-family:'Share Tech Mono',monospace;font-size:.72rem;color:var(--red);margin-top:10px;display:none;letter-spacing:1px;}
.pw-hint{font-family:'Share Tech Mono',monospace;font-size:.68rem;color:var(--dim);margin-top:12px;text-align:center;}

/* ═══════════════════════════════════
   ADMIN – SITE CUSTOMISE TAB
═══════════════════════════════════ */
.cust-subnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;padding-bottom:20px;border-bottom:1px dashed var(--border2);}
.cust-subtab{display:flex;align-items:center;gap:8px;font-family:'Share Tech Mono',monospace;font-size:.72rem;letter-spacing:1.5px;padding:10px 16px;background:var(--card);border:1px solid var(--border2);color:var(--dim);cursor:pointer;transition:all .3s;text-transform:uppercase;}
.cust-subtab .cst-icon{font-size:.95rem;}
.cust-subtab:hover{color:var(--text);border-color:rgba(0,245,255,.3);}
.cust-subtab.active{border-color:var(--cyan);color:var(--cyan);background:rgba(0,245,255,.07);box-shadow:var(--gcyan);}
.cust-panel{display:none;}
.cust-panel.active{display:grid;grid-template-columns:1fr 1fr;gap:24px;animation:custFadeIn .3s ease;}
@keyframes custFadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
.customise-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.cust-section{background:var(--card);border:1px solid var(--border);padding:24px;position:relative;}
.cust-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--purple),var(--cyan));}
.cust-title{font-family:'Orbitron',monospace;font-size:.78rem;color:var(--purple);letter-spacing:2px;margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.cust-title .ct-icon{font-size:1rem;}
.color-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.color-label{font-family:'Share Tech Mono',monospace;font-size:.72rem;color:var(--dim);letter-spacing:1px;flex:1;}
.color-input{width:48px;height:32px;background:none;border:1px solid var(--border2);cursor:pointer;padding:2px;}
.color-hex{font-family:'Share Tech Mono',monospace;font-size:.72rem;color:var(--text);width:80px;background:var(--surface);border:1px solid var(--border2);padding:6px;outline:none;transition:border-color .3s;}
.color-hex:focus{border-color:var(--purple);}
.apply-btn{font-family:'Orbitron',monospace;font-size:.7rem;letter-spacing:2px;padding:10px 20px;background:transparent;border:1px solid var(--purple);color:var(--purple);cursor:pointer;transition:all .3s;text-transform:uppercase;margin-top:8px;}
.apply-btn:hover{background:rgba(123,47,255,.15);box-shadow:var(--gpurple);}
.apply-btn.full{width:100%;margin-top:16px;}
.preview-bar{background:var(--surface);border:1px solid var(--border);padding:16px;margin-top:12px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;}
.preview-swatch{width:28px;height:28px;border-radius:3px;border:1px solid var(--border2);}

/* Password Change */
.pw-change-box{background:var(--card);border:1px solid var(--border);padding:24px;position:relative;margin-top:24px;}
.pw-change-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--red);}
.pw-change-title{font-family:'Orbitron',monospace;font-size:.78rem;color:var(--red);letter-spacing:2px;margin-bottom:16px;}

/* ═══════════════════════════════════
   EDIT MODE / INLINE EDIT
═══════════════════════════════════ */
.editable{cursor:text;border-bottom:1px dashed rgba(0,245,255,.3);transition:all .3s;display:inline;}
.editable:hover{background:rgba(0,245,255,.06);}
.editable:focus{outline:none;border-bottom:1px solid var(--cyan);background:rgba(0,245,255,.08);}
.editable.flash{animation:editFlash 1.1s ease;}
@keyframes editFlash{0%{background:rgba(0,245,255,.28);}100%{background:transparent;}}
.edit-mode-badge{position:fixed;top:72px;right:16px;background:rgba(10,22,40,.97);border:1px solid var(--purple);padding:12px 14px;font-family:'Share Tech Mono',monospace;font-size:.68rem;letter-spacing:1px;color:var(--purple);z-index:900;display:none;max-width:260px;box-shadow:0 8px 24px rgba(0,0,0,.4);}
.edit-mode-badge.on{display:block;animation:embIn .35s ease;}
@keyframes embIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}
.emb-row{display:flex;align-items:center;gap:8px;letter-spacing:2px;}
.emb-dot{width:7px;height:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 8px var(--purple);flex-shrink:0;animation:embPulse 1.6s ease-in-out infinite;}
@keyframes embPulse{0%,100%{opacity:1;}50%{opacity:.35;}}
.emb-exit{margin-left:auto;background:transparent;border:1px solid var(--purple);color:var(--purple);font-family:'Share Tech Mono',monospace;font-size:.64rem;letter-spacing:1px;padding:4px 10px;cursor:pointer;white-space:nowrap;transition:all .3s;}
.emb-exit:hover{background:var(--purple);color:#fff;}
.emb-hint{margin-top:8px;color:var(--dim);font-size:.66rem;line-height:1.5;letter-spacing:.5px;text-transform:none;}
.emb-reset{margin-top:10px;width:100%;background:transparent;border:1px dashed var(--border2);color:var(--dim);font-family:'Share Tech Mono',monospace;font-size:.62rem;letter-spacing:1px;padding:6px 8px;cursor:pointer;text-transform:none;transition:all .3s;}
.emb-reset:hover{border-color:var(--red);color:var(--red);}

.inline-edit-btn {
  background: rgba(0, 240, 255, 0.2) !important;
  border: 1px solid #00f0ff !important;
  color: #fff !important;
  opacity: 1 !important;
  padding: 2px 6px;
  cursor: pointer;
  font-size: 0.75rem;
  border-radius: 3px;
}

/* Admin nav buttons (hidden on public, shown on admin) */
.nav-admin-btn{font-family:'Share Tech Mono',monospace;font-size:.7rem;letter-spacing:2px;padding:6px 16px;background:rgba(255,59,92,.08);border:1px solid rgba(255,59,92,.3);color:var(--red);cursor:pointer;transition:all .3s;text-transform:uppercase;justify-self:end;}
.nav-admin-btn:hover{background:rgba(255,59,92,.15);box-shadow:var(--gred);}
.mobile-admin-btn{display:block;width:100%;font-family:'Share Tech Mono',monospace;font-size:.82rem;letter-spacing:2px;padding:14px 16px;min-height:48px;background:rgba(255,59,92,.08);border:1px solid rgba(255,59,92,.3);color:var(--red);cursor:pointer;text-transform:uppercase;text-align:center;transition:all .25s;}
.mobile-admin-btn:active{background:rgba(255,59,92,.2);}

/* Admin mode overrides - these show admin-only elements on public pages when in admin mode */
body.admin-mode .mc-del{display:block;}
body.admin-mode .add-card{display:flex;}
body.admin-mode .pub-del{display:inline-block;}
body.admin-mode .pub-actions{display:flex;}

/* Admin responsive */
@media(max-width:900px){
  .admin-grid{grid-template-columns:1fr;}
  .customise-grid{grid-template-columns:1fr;}
}

@media(max-width:700px){
  .admin-panel{padding:88px 18px 32px;}
  .admin-header{flex-wrap:nowrap;gap:12px;}
  .admin-header-left{gap:12px;}
  .admin-header-divider{display:none;}
  .admin-logo{font-size:.72rem;}
  .admin-logo .logo-box{width:26px;height:26px;font-size:.9rem;}
  .admin-title{font-size:1.1rem;}
  .admin-logout{display:none;}
  .admin-menu-toggle{display:flex;}
  .admin-tabs{display:none;flex-direction:column;flex-wrap:nowrap;width:100%;gap:6px;margin:0 0 28px;padding:14px;background:var(--card);border:1px solid var(--border);border-radius:4px;box-shadow:0 12px 30px rgba(0,0,0,.45);}
  .admin-tabs.open{display:flex;animation:custFadeIn .25s ease;}
  .atab{width:100%;justify-content:flex-start;text-align:left;padding:14px 16px;font-size:.78rem;letter-spacing:1.5px;min-height:48px;display:flex;align-items:center;}
  .admin-mobile-tab{display:flex;border-color:rgba(255,59,92,.4);color:var(--red);margin-top:6px;padding-top:6px;border-top:1px dashed var(--border2);border-radius:0;}
  .admin-mobile-tab:hover{background:rgba(255,59,92,.1);}
  .admin-form-box,.admin-list-box{padding:20px;}
  .admin-item{flex-wrap:wrap;}
  .cust-section{padding:18px;}
  .color-row{flex-wrap:wrap;}
  .edit-mode-badge{left:16px;right:16px;max-width:none;top:64px;}
  .pw-box{padding:32px 24px;}
}

@media(max-width:700px){
  .cust-panel.active{grid-template-columns:1fr;}
  .cust-subnav{gap:6px;}
  .cust-subtab{padding:9px 12px;font-size:.66rem;}
}

/* preview-page-only tweaks (not part of the real site) */
body{padding:0;}
.preview-note{max-width:1100px;margin:0 auto;padding:16px 32px 0;font-family:'Share Tech Mono',monospace;font-size:.72rem;color:var(--dim);letter-spacing:1px;}
.preview-note b{color:var(--cyan);}



.admin-logo.nav-logo{height:auto;padding:0;}
img.nav-logo-img{
  height:34px;
  width:auto;
  max-width:200px;
  object-fit:contain;
  display:block;
}
@media(max-width:700px){
  img.nav-logo-img{height:26px;max-width:140px;}
}
button.ai-edit {
    padding: 6px 12px;
    margin: 10px;
    background: black;
    color: white;
}