/* DrTrAdE™ QUANT LAB — approved Quantum Galaxy hero, compact edition.
 * Presentation only. Dedicated Quant hero: no Python/MT5/API interactions.
 * 116px desktop / 110px phone vs previous 109px / 104px.
 */
.hero.quantum-hero{
  position:relative;isolation:isolate;height:116px;min-height:116px;
  margin:0 -15px 10px;overflow:hidden;
  border-bottom:1px solid #5e87c27d;
  background:
    radial-gradient(ellipse at 78% 44%,#3551a073,transparent 40%),
    radial-gradient(ellipse at 59% 86%,#642b9156,transparent 52%),
    linear-gradient(107deg,#040b1b 0%,#0c1a38 57%,#101233 100%);
  box-shadow:inset 0 -1px 0 #45dfd427;
}
.hero.quantum-hero::before{
  content:"";position:absolute;inset:0;opacity:.62;pointer-events:none;
  background-image:radial-gradient(#d7e9ffb5 .85px,transparent 1.5px),
    radial-gradient(#7affeba6 .9px,transparent 1.6px),
    radial-gradient(#ae87ff9e .75px,transparent 1.4px);
  background-size:61px 44px,87px 62px,109px 53px;
  background-position:0 4px,22px 31px,49px 13px;
  mask-image:linear-gradient(90deg,transparent 2%,#000 45%);
  animation:qh-star-drift 24s linear infinite;
}
.hero.quantum-hero::after{
  content:"";position:absolute;z-index:1;left:-12%;right:-12%;bottom:-95px;
  height:144px;pointer-events:none;opacity:.38;
  transform:perspective(220px) rotateX(65deg);transform-origin:top center;
  background:repeating-linear-gradient(0deg,#59eee232 0 1px,transparent 1px 19px),
    repeating-linear-gradient(90deg,#5a91ff2e 0 1px,transparent 1px 30px);
  mask-image:linear-gradient(180deg,transparent,#000 70%);
}
.hero.quantum-hero .qh-nebula{
  position:absolute;inset:-135px -25px -145px 49%;z-index:0;
  background:conic-gradient(from 33deg,transparent,#9954f454,#3ddcda23,
    #5279ff63,transparent,#7653d643,transparent);
  filter:blur(34px);opacity:.65;animation:qh-nebula-drift 30s linear infinite;
  pointer-events:none;
}
.hero.quantum-hero .qh-content{
  position:relative;z-index:5;display:flex;flex-direction:column;
  justify-content:center;height:100%;max-width:calc(100% - 260px);
  padding:9px 0 9px 30px;min-width:0;
}
.hero.quantum-hero .qh-eyebrow{
  color:#81ffea;font-size:9px;line-height:1.3;
  font-weight:850;letter-spacing:.17em;
  display:flex;align-items:center;gap:7px;white-space:nowrap;
  text-shadow:0 0 10px #32dccb44;
}
.hero.quantum-hero .qh-pulse{
  display:inline-block;flex:0 0 auto;width:6px;height:6px;border-radius:50%;
  background:#6dffdd;box-shadow:0 0 0 3px #6dffdd24,0 0 10px #6dffdd7e;
  animation:qh-pulse 2.5s ease-in-out infinite;
}
.hero.quantum-hero .qh-headline{
  margin:7px 0 4px;color:#f5faff;
  font-size:clamp(19px,2.25vw,28px);
  line-height:1.03;letter-spacing:-.044em;font-weight:900;
  text-transform:uppercase;white-space:nowrap;
}
.hero.quantum-hero .qh-headline .qh-second-line{display:block}
.hero.quantum-hero .qh-headline em{
  font-style:normal;color:transparent;background-clip:text;
  -webkit-background-clip:text;
  background-image:linear-gradient(95deg,#5effe5,#75adff 50%,#c18bff);
  background-size:180% auto;animation:qh-gradient 8s ease-in-out infinite;
}
.hero.quantum-hero .qh-subline{
  margin:0;color:#a7c8e2;font-size:9px;
  line-height:1.3;letter-spacing:.055em;font-weight:720;white-space:nowrap;
}
.hero.quantum-hero .qh-subline span{padding:0 7px;color:#52e7d9}
.hero.quantum-hero .qh-universe{
  position:absolute;top:50%;right:44px;z-index:3;
  display:grid;place-items:center;pointer-events:none;
  width:205px;height:205px;transform:translateY(-50%);
}
.hero.quantum-hero .qh-ambient{
  position:absolute;width:110px;height:110px;border-radius:50%;
  background:#6e8dff89;filter:blur(25px);
  animation:qh-ambient 5s ease-in-out infinite;
}
.hero.quantum-hero .qh-ring{
  position:absolute;border-radius:50%;
  border:1px solid #6afce464;pointer-events:none;
}
.hero.quantum-hero .qh-ring-outer{
  width:188px;height:188px;border-color:#66aaff50;
  border-left:2px solid #bd88ffad;
  animation:qh-turn 31s linear infinite;
}
.hero.quantum-hero .qh-ring-middle{
  width:156px;height:156px;border:1px dashed #a8a1ffb5;
  animation:qh-turn-back 23s linear infinite;
}
.hero.quantum-hero .qh-ring-inner{
  width:124px;height:124px;border-top:3px solid #78fff1;
  border-bottom:2px solid #a88cff;border-right:1px solid #47c9ff8c;
  box-shadow:0 0 17px #63e9fa25,inset 0 0 10px #4d89e724;
  animation:qh-turn 13s linear infinite;
}
.hero.quantum-hero .qh-ring-outer::after,.hero.quantum-hero .qh-ring-middle::after,
.hero.quantum-hero .qh-ring-inner::after{
  content:"";position:absolute;width:7px;height:7px;border-radius:50%;
  top:13%;left:16%;background:#81fff0;
  box-shadow:0 0 12px 3px #61ffea78;
}
.hero.quantum-hero .qh-ring-outer::after{background:#c6a0ff;box-shadow:0 0 13px #b87cff;left:76%}
.hero.quantum-hero .qh-ring-middle::after{left:5%;top:72%}
.hero.quantum-hero .qh-core{
  position:relative;width:91px;height:91px;border-radius:50%;
  border:1px solid #8dffefbe;
  background:radial-gradient(circle at 35% 26%,#4c76cb,#1b2962 55%,#0a102b 84%);
  box-shadow:0 0 21px #55defca3,0 0 46px #9358ff53,inset 0 0 19px #52dcfd50;
  display:grid;place-items:center;animation:qh-float 5s ease-in-out infinite;
}
.hero.quantum-hero .qh-core svg{width:53px;height:53px;filter:drop-shadow(0 0 8px #67fff0)}
.hero.quantum-hero .qh-core::after{
  content:"";position:absolute;inset:7px;border-radius:50%;
  border:1px solid #9ed8ff45;
}
.hero.quantum-hero .qh-corner-tag{
  position:absolute;z-index:5;top:9px;right:12px;
  padding:4px 7px;border:1px solid #a184f77b;border-radius:20px;
  background:#37225b82;color:#dcc8ff;
  font-size:8px;letter-spacing:.08em;font-weight:850;
}
.hero.quantum-hero .qh-research-mark{
  position:absolute;z-index:4;right:12px;bottom:9px;
  color:#90d6ec;font-size:8px;letter-spacing:.1em;font-weight:800;
}
@keyframes qh-turn{to{transform:rotate(360deg)}}
@keyframes qh-turn-back{to{transform:rotate(-360deg)}}
@keyframes qh-star-drift{50%{background-position:35px 18px,54px 4px,83px 32px}}
@keyframes qh-nebula-drift{to{transform:rotate(360deg)}}
@keyframes qh-pulse{50%{opacity:.5;transform:scale(.75)}}
@keyframes qh-ambient{50%{transform:scale(1.15);opacity:.6}}
@keyframes qh-float{50%{transform:translateY(-5px)}}
@keyframes qh-gradient{50%{background-position:100% center}}

@media(max-width:940px){
 .hero.quantum-hero .qh-content{max-width:calc(100% - 205px);padding-left:20px}
 .hero.quantum-hero .qh-universe{right:13px;width:175px;height:175px}
 .hero.quantum-hero .qh-ring-outer{width:168px;height:168px}
 .hero.quantum-hero .qh-ring-middle{width:142px;height:142px}
 .hero.quantum-hero .qh-ring-inner{width:110px;height:110px}
 .hero.quantum-hero .qh-core{width:84px;height:84px}
 .hero.quantum-hero .qh-headline{font-size:clamp(18px,2.65vw,25px)}
}
@media(max-width:660px){
 .hero.quantum-hero{
  height:110px;min-height:110px;margin:0 -9px 10px;
  background:radial-gradient(ellipse at 88% 45%,#2e58a66b,transparent 64%),
    radial-gradient(ellipse at 65% 80%,#62359c52,transparent 65%),
    linear-gradient(110deg,#060d20,#111839);
 }
 .hero.quantum-hero .qh-content{
  max-width:calc(100% - 74px);padding:8px 0 8px 13px;
  background:linear-gradient(90deg,#091329d0 0%,#0a142ab5 68%,transparent 100%);
 }
 .hero.quantum-hero .qh-eyebrow{font-size:7px;letter-spacing:.11em}
 .hero.quantum-hero .qh-headline{font-size:clamp(17px,4.45vw,24px);margin:6px 0 5px;letter-spacing:-.045em}
 .hero.quantum-hero .qh-subline{font-size:7px;letter-spacing:0}
 .hero.quantum-hero .qh-subline span{padding:0 3px}
 .hero.quantum-hero .qh-universe{right:-60px;width:167px;height:167px;opacity:.7}
 .hero.quantum-hero .qh-ring-outer{width:156px;height:156px}
 .hero.quantum-hero .qh-ring-middle{width:131px;height:131px}
 .hero.quantum-hero .qh-ring-inner{width:105px;height:105px}
 .hero.quantum-hero .qh-core{width:75px;height:75px}
 .hero.quantum-hero .qh-core svg{width:44px;height:44px}
 .hero.quantum-hero .qh-corner-tag{font-size:7px;top:6px;right:7px;padding:3px 6px}
 .hero.quantum-hero .qh-research-mark{display:none}
}
@media(max-width:365px){
 .hero.quantum-hero .qh-headline{font-size:16px}
 .hero.quantum-hero .qh-subline{font-size:6.5px}
 .hero.quantum-hero .qh-eyebrow{font-size:6.5px}
}
@media(prefers-reduced-motion:reduce){
 .hero.quantum-hero::before,.hero.quantum-hero .qh-nebula,
 .hero.quantum-hero .qh-ring,.hero.quantum-hero .qh-core,
 .hero.quantum-hero .qh-ambient,.hero.quantum-hero .qh-pulse,
 .hero.quantum-hero .qh-headline em{animation:none!important}
}