/* QuBit33 Shared Stylesheet v1.0 */
:root {
  --black:#000000;--deep:#030712;--surface:#0a0f1e;--card:#0d1526;
  --blue:#00D4FF;--purple:#7B2FFF;--blue-dim:rgba(0,212,255,0.1);
  --purple-dim:rgba(123,47,255,0.1);--white:#ffffff;--grey:#8892a4;
  --border:rgba(0,212,255,0.12);--success:#28ca41;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--deep);color:var(--white);font-family:'Syne',sans-serif;overflow-x:hidden;cursor:none;}
.cursor{width:12px;height:12px;background:var(--blue);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;mix-blend-mode:screen;transition:transform 0.1s;}
.cursor-ring{width:36px;height:36px;border:1px solid rgba(0,212,255,0.5);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transition:all 0.15s ease;}
#canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0.35;}

/* NAV */
#qb-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(3,7,18,0.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all 0.3s;}
#qb-nav.scrolled{background:rgba(3,7,18,0.97);border-bottom-color:rgba(0,212,255,0.25);}
.nav-inner{max-width:1400px;margin:0 auto;padding:0 60px;height:80px;display:flex;align-items:center;justify-content:space-between;}
.logo{font-family:'Orbitron',monospace;font-weight:900;font-size:1.5rem;letter-spacing:0.1em;background:linear-gradient(135deg,var(--blue),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;}
.nav-links{display:flex;align-items:center;gap:36px;list-style:none;}
.nav-links a{font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--grey);text-decoration:none;transition:color 0.3s;}
.nav-links a:hover,.nav-links a.active{color:var(--blue);}
.nav-cta{color:var(--blue)!important;border:1px solid var(--blue);padding:10px 22px;border-radius:2px;transition:all 0.3s!important;}
.nav-cta:hover{background:var(--blue)!important;color:var(--black)!important;}
.nav-dropdown{position:relative;}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--card);border:1px solid var(--border);border-radius:4px;padding:8px 0;min-width:220px;z-index:200;}
.dropdown-menu a{display:block;padding:10px 20px;font-family:'JetBrains Mono',monospace;font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--grey);text-decoration:none;transition:all 0.2s;}
.dropdown-menu a:hover{color:var(--blue);background:var(--blue-dim);}
.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;}
.nav-burger span{width:24px;height:2px;background:var(--grey);display:block;transition:all 0.3s;}
.nav-burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.nav-burger.open span:nth-child(2){opacity:0;}
.nav-burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.nav-mobile{display:none;position:fixed;top:80px;left:0;right:0;background:var(--card);border-bottom:1px solid var(--border);padding:20px;flex-direction:column;gap:4px;z-index:99;}
.nav-mobile.open{display:flex;}
.nav-mobile a{font-family:'JetBrains Mono',monospace;font-size:0.8rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--grey);text-decoration:none;padding:12px 16px;border-radius:2px;transition:all 0.2s;}
.nav-mobile a:hover{color:var(--blue);background:var(--blue-dim);}
.mob-cta{background:linear-gradient(135deg,var(--blue),var(--purple))!important;color:var(--white)!important;margin-top:8px;text-align:center;}

/* TRUST BAR */
.trust-bar{position:relative;z-index:10;margin-top:80px;background:rgba(0,212,255,0.04);border-bottom:1px solid var(--border);padding:12px 60px;display:flex;align-items:center;justify-content:center;gap:48px;overflow:hidden;flex-wrap:wrap;}
.trust-item{font-family:'JetBrains Mono',monospace;font-size:0.68rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--grey);display:flex;align-items:center;gap:8px;white-space:nowrap;}
.trust-item span{color:var(--blue);}
.live-dot{width:6px;height:6px;background:var(--blue);border-radius:50%;display:inline-block;animation:pulse 2s ease infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.3;}}

/* SECTION HELPERS */
.section-tag{font-family:'JetBrains Mono',monospace;font-size:0.68rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--blue);display:block;margin-bottom:16px;}
.section-title{font-family:'Orbitron',monospace;font-size:clamp(1.6rem,3vw,2.8rem);font-weight:700;line-height:1.2;margin-bottom:16px;}
.section-title em{font-style:normal;background:linear-gradient(135deg,var(--blue),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.section-desc{font-size:0.95rem;color:var(--grey);line-height:1.9;max-width:560px;}
.section-header{text-align:center;margin-bottom:64px;}
.section-header .section-desc{margin:0 auto;}
hr.blue{border:none;border-top:1px solid var(--blue);margin:8px 0 24px;opacity:0.4;}

/* BUTTONS */
.btn-primary{font-family:'JetBrains Mono',monospace;font-size:0.78rem;letter-spacing:0.15em;text-transform:uppercase;background:linear-gradient(135deg,var(--blue),var(--purple));color:var(--white);padding:16px 36px;border:none;border-radius:2px;cursor:none;text-decoration:none;display:inline-block;box-shadow:0 0 28px rgba(0,212,255,0.3);transition:all 0.3s;}
.btn-primary:hover{box-shadow:0 0 48px rgba(0,212,255,0.5);transform:translateY(-2px);}
.btn-secondary{font-family:'JetBrains Mono',monospace;font-size:0.78rem;letter-spacing:0.15em;text-transform:uppercase;background:transparent;color:var(--white);padding:15px 36px;border:1px solid rgba(255,255,255,0.2);border-radius:2px;cursor:none;text-decoration:none;display:inline-block;transition:all 0.3s;}
.btn-secondary:hover{border-color:var(--blue);color:var(--blue);}
.btn-group{display:flex;gap:16px;flex-wrap:wrap;align-items:center;}

/* CARDS */
.card{background:var(--card);border:1px solid var(--border);border-radius:4px;padding:40px;position:relative;overflow:hidden;transition:border-color 0.3s,background 0.3s;}
.card:hover{border-color:rgba(0,212,255,0.3);background:var(--surface);}
.card-top-line::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--purple));transform:scaleX(0);transform-origin:left;transition:transform 0.4s;}
.card:hover.card-top-line::before{transform:scaleX(1);}

/* FOOTER */
footer{position:relative;z-index:10;background:var(--black);border-top:1px solid var(--border);padding:80px 60px 0;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:60px;max-width:1400px;margin-left:auto;margin-right:auto;}
.footer-logo{font-family:'Orbitron',monospace;font-weight:900;font-size:1.4rem;background:linear-gradient(135deg,var(--blue),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;display:block;margin-bottom:16px;}
.footer-tagline{font-size:0.82rem;color:var(--grey);line-height:1.8;margin-bottom:24px;max-width:280px;}
.footer-badges{display:flex;flex-direction:column;gap:8px;}
.fbadge{font-family:'JetBrains Mono',monospace;font-size:0.63rem;letter-spacing:0.1em;color:var(--grey);display:flex;align-items:center;gap:7px;}
.fbadge span{color:var(--blue);}
.footer-col h4{font-family:'Orbitron',monospace;font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--white);margin-bottom:20px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-col ul a{font-size:0.82rem;color:var(--grey);text-decoration:none;transition:color 0.3s;}
.footer-col ul a:hover{color:var(--blue);}
.footer-legal-bar{border-top:1px solid var(--border);padding:28px 0 32px;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;max-width:1400px;margin:0 auto;}
.footer-legal-left p{font-family:'JetBrains Mono',monospace;font-size:0.66rem;color:var(--grey);line-height:1.7;margin-bottom:4px;max-width:680px;}
.footer-legal-left p strong{color:rgba(255,255,255,0.6);}
.footer-legal-links{display:flex;gap:20px;flex-shrink:0;}
.footer-legal-links a{font-family:'JetBrains Mono',monospace;font-size:0.66rem;color:var(--grey);text-decoration:none;transition:color 0.3s;white-space:nowrap;}
.footer-legal-links a:hover{color:var(--blue);}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.fade-up{opacity:0;animation:fadeUp 0.7s ease forwards;}
.fade-up-1{animation-delay:0.1s;}.fade-up-2{animation-delay:0.3s;}.fade-up-3{animation-delay:0.5s;}.fade-up-4{animation-delay:0.7s;}

/* CANVAS PARTICLE SCRIPT — included inline per page */

/* RESPONSIVE */
@media(max-width:1200px){.footer-grid{grid-template-columns:1fr 1fr 1fr;}.nav-inner{padding:0 40px;}.trust-bar{padding:12px 40px;gap:28px;}}
@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;}.nav-links{gap:24px;}}
@media(max-width:768px){
  .nav-inner{padding:0 24px;}
  .nav-links{display:none;}
  .nav-burger{display:flex;}
  .trust-bar{padding:12px 24px;gap:16px;}
  .footer-grid{grid-template-columns:1fr;}
  footer{padding:60px 24px 0;}
  .footer-legal-bar{flex-direction:column;gap:16px;padding:24px 0 28px;}
  .btn-group{flex-direction:column;width:100%;}
  .btn-primary,.btn-secondary{text-align:center;width:100%;}
}