:root{
    --bg:#0A060B; --bg-elevated:#150D18; --bg-card:#120A15;
    --text:#F1E9F4; --text-dim:#9C8AA5;
    --red:#FF2D55; --amber:#FF7A59; --purple:#B24BF3;
    --border:#2E1830; --radius:10px;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{background-color:var(--bg) !important; scroll-behavior:smooth;}
  body{
    background-color:var(--bg) !important; color:var(--text) !important;
    font-family:'Inter',sans-serif; line-height:1.6; overflow-x:hidden; position:relative; min-height:100vh;
  }
  body::before{
    content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:
      radial-gradient(ellipse 900px 500px at 15% -5%, rgba(178,75,243,0.22), transparent 60%),
      radial-gradient(ellipse 800px 600px at 100% 15%, rgba(255,45,85,0.18), transparent 55%),
      radial-gradient(ellipse 700px 400px at 80% 95%, rgba(255,122,89,0.10), transparent 60%);
    animation:drift 18s ease-in-out infinite alternate;
  }
  @keyframes drift{0%{transform:translate(0,0) scale(1);}100%{transform:translate(-3%,4%) scale(1.08);}}
  @media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important;}}

  h1,h2,h3{font-family:'Space Grotesk',sans-serif;color:var(--text);}
  .mono{font-family:'JetBrains Mono',monospace;}
  a{color:inherit;text-decoration:none;}
  ::selection{background:var(--red);color:#0A060B;}
  :focus-visible{outline:2px solid var(--red); outline-offset:3px;}
  .reveal{opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease;}
  .reveal.in{opacity:1; transform:translateY(0);}

  .progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--red),var(--purple),var(--amber));z-index:200;width:0%;transition:width .1s ease-out;}
  .cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle, rgba(255,45,85,0.10), transparent 70%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);transition:opacity .3s ease;opacity:0;}

  .wrap{max-width:1100px;margin:0 auto;padding:0 24px;}

  /* NAV */
  header{position:sticky;top:0;z-index:50;background:rgba(10,6,11,0.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);}
  nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1100px;margin:0 auto;}
  .logo{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:1.15rem;display:flex;align-items:center;gap:2px;}
  .logo .r4{background:linear-gradient(90deg,var(--red),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent;}
  .navlinks{display:none;gap:26px;font-size:0.9rem;color:var(--text-dim);}
  .navlinks a{transition:color .2s;position:relative;}
  .navlinks a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--red);transition:width .25s ease;}
  .navlinks a:hover{color:var(--text);}
  .navlinks a:hover::after{width:100%;}
  @media(min-width:720px){.navlinks{display:flex;}}
  .cta-btn{
    font-family:'JetBrains Mono',monospace;font-size:0.85rem;
    background:linear-gradient(135deg, var(--red), var(--purple));background-size:200% 200%;animation:gradientshift 4s ease infinite;
    color:#0A060B;padding:9px 18px;border-radius:6px;font-weight:600;border:none;cursor:pointer;
    transition:transform .15s ease, box-shadow .15s ease;display:inline-block;
  }
  @keyframes gradientshift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
  .cta-btn:hover{transform:translateY(-2px) scale(1.03); box-shadow:0 6px 28px rgba(255,45,85,0.4);}
  .btn-ghost{
    font-family:'JetBrains Mono',monospace;font-size:0.85rem;color:var(--text-dim);
    border:1px solid var(--border);padding:9px 18px;border-radius:6px;transition:border-color .15s, color .15s, transform .15s;
  }
  .btn-ghost:hover{border-color:var(--red); color:var(--text); transform:translateY(-2px);}
  .lang-toggle{
    font-family:'JetBrains Mono',monospace;font-size:0.78rem;font-weight:700;
    background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);
    width:38px;height:34px;border-radius:6px;cursor:pointer;transition:border-color .2s, color .2s;
  }
  .lang-toggle:hover{border-color:var(--purple); color:var(--text);}

  .burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:1px solid var(--border);border-radius:6px;cursor:pointer;padding:0;}
  @media(min-width:720px){.burger{display:none;}}
  .burger span{display:block;width:16px;height:2px;background:var(--text);margin:0 auto;transition:transform .25s ease, opacity .25s ease;}
  .burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .burger.open span:nth-child(2){opacity:0;}
  .burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .mobile-menu{position:fixed;top:0;right:0;width:min(280px,80vw);height:100vh;background:var(--bg-elevated);border-left:1px solid var(--border);z-index:150;display:flex;flex-direction:column;gap:4px;padding:80px 28px 28px;transform:translateX(100%);transition:transform .3s ease;}
  .mobile-menu.open{transform:translateX(0);}
  .mobile-menu a{font-family:'JetBrains Mono',monospace;font-size:1rem;color:var(--text-dim);padding:14px 0;border-bottom:1px solid var(--border);transition:color .2s;}
  .mobile-menu a:hover{color:var(--red);}
  .menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:140;opacity:0;pointer-events:none;transition:opacity .3s ease;}
  .menu-overlay.open{opacity:1;pointer-events:auto;}

  /* HERO */
  .hero{padding:80px 24px 50px;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:32px;}
  .eyebrow{font-family:'JetBrains Mono',monospace;color:var(--purple);font-size:0.85rem;display:flex;align-items:center;gap:8px;}
  .eyebrow::before{content:"▍"; color:var(--red); animation:blink 1.1s step-start infinite;}
  @keyframes blink{50%{opacity:0;}}
  .hero h1{font-size:clamp(2rem, 5vw, 3.2rem);font-weight:700;line-height:1.15;max-width:780px;}
  .hero h1 .hl{
    background:linear-gradient(90deg, var(--red), var(--purple), var(--amber), var(--red));background-size:300% auto;
    -webkit-background-clip:text;background-clip:text;color:transparent;animation:hlflow 6s linear infinite;
  }
  @keyframes hlflow{to{background-position:300% center;}}
  .hero p.sub{color:var(--text-dim);font-size:1.05rem;max-width:560px;}

  .stats{display:flex;gap:36px;flex-wrap:wrap;}
  .stat{font-family:'JetBrains Mono',monospace;}
  .stat .num{font-size:1.7rem;font-weight:700;background:linear-gradient(90deg,var(--red),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent;}
  .stat .label{font-size:0.76rem;color:var(--text-dim);margin-top:2px;}

  /* TERMINAL */
  .terminal{
    background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,0.5);max-width:640px;animation:glowpulse 4s ease-in-out infinite;
  }
  @keyframes glowpulse{0%,100%{box-shadow:0 20px 60px rgba(0,0,0,0.5), 0 0 30px rgba(255,45,85,0.12);}50%{box-shadow:0 20px 60px rgba(0,0,0,0.5), 0 0 55px rgba(178,75,243,0.22);}}
  .terminal-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--border);}
  .terminal-bar span{width:10px;height:10px;border-radius:50%;display:inline-block;}
  .terminal-bar .r{background:#FF6B6B;} .terminal-bar .y{background:#FBBF6B;} .terminal-bar .g{background:#5EEAD4;}
  .terminal-bar .title{margin-left:10px;color:var(--text-dim);font-size:0.78rem;font-family:'JetBrains Mono',monospace;}
  .terminal-body{padding:22px 20px 26px;font-family:'JetBrains Mono',monospace;font-size:0.88rem;min-height:150px;}
  .terminal-body .line{margin-bottom:6px;white-space:pre-wrap;}
  .prompt{color:var(--purple);} .out-ok{color:#5EEAD4;} .out-dim{color:var(--text-dim);}
  .cursor{display:inline-block;width:7px;height:1em;background:var(--red);vertical-align:text-bottom;animation:blink 1s step-start infinite;}

  /* SEARCH + FILTERS */
  .shop-controls{display:flex;flex-direction:column;gap:14px;margin-top:8px;}
  .search-bar{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:12px 16px;max-width:420px;}
  .search-bar input{background:none;border:none;color:var(--text);font-family:'Inter',sans-serif;font-size:0.92rem;flex:1;}
  .search-bar input:focus{outline:none;}
  .search-bar svg{width:16px;height:16px;stroke:var(--text-dim);flex-shrink:0;}
  .filters{display:flex;gap:10px;flex-wrap:wrap;}
  .filter-btn{font-family:'JetBrains Mono',monospace;font-size:0.82rem;background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .2s ease;}
  .filter-btn:hover{border-color:var(--purple); color:var(--text);}
  .filter-btn.active{background:linear-gradient(135deg,var(--red),var(--purple));color:#0A060B;border-color:transparent;font-weight:600;}

  section{padding:50px 24px;position:relative;z-index:2;}
  .section-head{margin-bottom:30px;max-width:640px;}
  .section-head h2{font-size:clamp(1.5rem,3vw,2rem);}
  .section-head p{color:var(--text-dim);margin-top:8px;}

  .shop-grid{display:grid;gap:20px;grid-template-columns:1fr;}
  @media(min-width:600px){.shop-grid{grid-template-columns:1fr 1fr;}}
  @media(min-width:960px){.shop-grid{grid-template-columns:repeat(3,1fr);}}

  .product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;display:flex;flex-direction:column;}
  .product-card:hover{transform:translateY(-6px); border-color:var(--red); box-shadow:0 16px 40px rgba(255,45,85,0.15);}
  .product-thumb{height:150px;display:flex;align-items:center;justify-content:center;font-size:2.6rem;background:linear-gradient(135deg, rgba(255,45,85,0.12), rgba(178,75,243,0.12));border-bottom:1px solid var(--border);position:relative;}
  .product-cat{position:absolute;top:10px;left:10px;font-family:'JetBrains Mono',monospace;font-size:0.68rem;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);padding:4px 10px;border-radius:12px;}
  .product-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1;}
  .product-body h3{font-size:1.02rem;}
  .product-body p{color:var(--text-dim);font-size:0.85rem;flex:1;}
  .product-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;}
  .product-price{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:1.05rem;background:linear-gradient(90deg,var(--red),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent;}
  .ask-btn{font-family:'JetBrains Mono',monospace;font-size:0.78rem;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);padding:7px 14px;border-radius:6px;cursor:pointer;transition:border-color .2s, background .2s;}
  .ask-btn:hover{border-color:var(--red); background:rgba(255,45,85,0.08);}

  .empty-state{
    grid-column:1/-1;text-align:center;padding:60px 24px;
    background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius);
  }
  .empty-state .icon{font-size:2.2rem;margin-bottom:12px;}
  .empty-state h3{margin-bottom:8px;}
  .empty-state p{color:var(--text-dim);font-size:0.9rem;margin-bottom:20px;max-width:420px;margin-left:auto;margin-right:auto;}

  /* HOW / FAQ */
  .how-grid{display:grid;gap:0;grid-template-columns:1fr;border-top:1px solid var(--border);}
  @media(min-width:720px){.how-grid{grid-template-columns:repeat(3,1fr);}}
  .how-step{padding:24px 20px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);transition:background .2s;}
  .how-step:hover{background:rgba(178,75,243,0.06);}
  @media(min-width:720px){.how-step:last-child{border-right:none;}}
  .how-step .num{font-family:'JetBrains Mono',monospace;color:var(--red);font-size:0.85rem;margin-bottom:10px;display:block;}
  .how-step h3{font-size:1rem;margin-bottom:6px;}
  .how-step p{color:var(--text-dim);font-size:0.88rem;}

  .faq-item{border-bottom:1px solid var(--border);}
  .faq-q{width:100%;text-align:left;background:none;border:none;color:var(--text);font-family:'Space Grotesk',sans-serif;font-size:1rem;padding:16px 4px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:16px;}
  .faq-q .icon{font-family:'JetBrains Mono',monospace;color:var(--red);transition:transform .3s ease;flex-shrink:0;}
  .faq-item.open .faq-q .icon{transform:rotate(45deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease, padding .35s ease;color:var(--text-dim);font-size:0.9rem;padding:0 4px;}
  .faq-item.open .faq-a{max-height:200px; padding:0 4px 16px;}

  .notice{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;color:var(--text-dim);font-size:0.85rem;max-width:640px;}
  .notice strong{color:var(--text);}

  footer{border-top:1px solid var(--border);padding:30px 24px;text-align:center;color:var(--text-dim);font-size:0.85rem;font-family:'JetBrains Mono',monospace;position:relative;z-index:2;}
  .footer-admin-link{color:var(--text-dim);opacity:0.5;transition:opacity .2s;}
  .footer-admin-link:hover{opacity:1; color:var(--red);}

  .back-top{position:fixed;bottom:24px;left:24px;z-index:99;width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s ease, transform .25s ease, border-color .2s;}
  .back-top.show{opacity:1; transform:translateY(0); pointer-events:auto;}
  .back-top:hover{border-color:var(--red);}

  /* AUTH + DASHBOARD MODALS */
  .auth-overlay, .dashboard-overlay{position:fixed;inset:0;background:rgba(5,3,6,0.75);backdrop-filter:blur(4px);z-index:300;display:none;align-items:center;justify-content:center;padding:20px;}
  .auth-overlay.open, .dashboard-overlay.open{display:flex;}
  .auth-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:30px;width:min(340px,100%);text-align:center;}
  .auth-box h3{margin-bottom:6px;}
  .auth-box input{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--text);font-family:'Inter',sans-serif;font-size:0.92rem;margin-bottom:10px;}
  .auth-box input:focus{border-color:var(--red); outline:none;}
  .auth-box .cta-btn{width:100%;margin-top:4px;}
  .google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;border:none;border-radius:6px;padding:11px;font-family:'Inter',sans-serif;font-weight:600;font-size:0.9rem;cursor:pointer;margin-top:14px;transition:transform .15s ease;}
  .google-btn:hover{transform:translateY(-1px);}
  .auth-divider{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:0.78rem;margin:16px 0;}
  .auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--border);}
  .auth-error{color:var(--red);font-size:0.82rem;margin-top:10px;min-height:1em;}
  .auth-toggle-link{color:var(--text-dim);font-size:0.85rem;margin-top:16px;cursor:pointer;}
  .auth-toggle-link span{color:var(--purple);}
  .auth-setup-warning{background:var(--bg-elevated);border:1px solid var(--red);border-radius:8px;padding:12px;color:var(--text-dim);font-size:0.78rem;margin-bottom:16px;text-align:left;}

  .dashboard-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:min(480px,100%);max-height:80vh;display:flex;flex-direction:column;overflow:hidden;}
  .dash-head{padding:18px 22px;border-bottom:1px solid var(--border);background:var(--bg-elevated);display:flex;justify-content:space-between;align-items:center;}
  .dash-head h3{font-size:1.05rem;}
  .dash-head .who{color:var(--text-dim);font-size:0.8rem;font-family:'JetBrains Mono',monospace;margin-top:2px;}
  .dash-body{overflow-y:auto;padding:10px 22px;flex:1;}
  .dash-empty{color:var(--text-dim);font-size:0.88rem;text-align:center;padding:30px 10px;}
  .dash-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);}
  .di-icon{font-size:1.5rem;}
  .di-info{flex:1;}
  .di-name{font-size:0.92rem;font-weight:600;}
  .di-price{font-size:0.8rem;color:var(--text-dim);font-family:'JetBrains Mono',monospace;}
  .di-status{font-family:'JetBrains Mono',monospace;font-size:0.72rem;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);padding:4px 10px;border-radius:12px;}
  .dash-foot{padding:14px 22px;border-top:1px solid var(--border);}

  /* ADMIN MODAL */
  .admin-overlay{position:fixed;inset:0;background:rgba(5,3,6,0.75);backdrop-filter:blur(4px);z-index:300;display:none;align-items:center;justify-content:center;padding:20px;}
  .admin-overlay.open{display:flex;}
  .admin-login{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;width:min(320px,100%);text-align:center;}
  .admin-login h3{margin-bottom:6px;}
  .admin-login p{color:var(--text-dim);font-size:0.85rem;margin-bottom:16px;}
  .admin-login input{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--text);font-family:'Inter',sans-serif;margin-bottom:10px;}
  .admin-login input:focus{border-color:var(--red);outline:none;}
  .admin-panel{display:none;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:min(760px,100%);max-height:85vh;flex-direction:column;overflow:hidden;}
  .admin-panel.open{display:flex;}
  .admin-panel-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-elevated);}
  .admin-body{padding:20px;overflow-y:auto;}
  .admin-form{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border);}
  .admin-form input, .admin-form select, .admin-form textarea{
    background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--text);font-family:'Inter',sans-serif;font-size:0.9rem;width:100%;
  }
  .admin-form input:focus, .admin-form select:focus, .admin-form textarea:focus{border-color:var(--red);outline:none;}
  .admin-form .full{grid-column:1/-1;}
  .admin-product-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);gap:10px;}
  .admin-product-row .info{font-size:0.88rem;}
  .admin-product-row .info .n{font-weight:600;}
  .admin-product-row .info .c{color:var(--text-dim);font-size:0.78rem;font-family:'JetBrains Mono',monospace;}
  .admin-del-btn{background:none;border:1px solid var(--border);color:var(--red);padding:6px 12px;border-radius:6px;cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:0.78rem;flex-shrink:0;}
  .admin-del-btn:hover{background:rgba(255,45,85,0.1);}
  .admin-note{font-size:0.8rem;color:var(--text-dim);margin-top:16px;padding:14px;background:var(--bg-elevated);border-radius:8px;}