/* Aimzy Sensi — premium red / purple visual layer */
:root { --aim-red:#ff6b00; --aim-purple:#b026ff; --aim-cyan:#00f0ff; --aim-bg:#0a0a0f; --aim-surface:rgba(15,17,25,.9); --aim-border:rgba(0,240,255,.24); }
body { background:var(--aim-bg)!important; background-image:radial-gradient(circle at 8% 0%,rgba(255,107,0,.13),transparent 34%),radial-gradient(circle at 92% 18%,rgba(0,240,255,.12),transparent 38%)!important; }
.bg-grid { background-image:linear-gradient(rgba(255,107,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.045) 1px,transparent 1px)!important; }
.bg-glow.g1 { background:var(--aim-red)!important;opacity:.12!important; }.bg-glow.g2 { background:var(--aim-cyan)!important;opacity:.1!important; }.bg-glow.g3 { background:var(--aim-purple)!important;opacity:.05!important; }
.navbar.scrolled { background:rgba(8,7,13,.9)!important;border-bottom-color:var(--aim-border)!important; }
.logo-mark { border-color:rgba(255,107,0,.5)!important;background:linear-gradient(145deg,rgba(255,107,0,.2),rgba(0,240,255,.16))!important;box-shadow:0 0 22px rgba(255,107,0,.2),inset 0 0 18px rgba(0,240,255,.15);animation:aimLogoGlow 3s ease-in-out infinite; }.logo-mark svg{filter:drop-shadow(0 0 7px var(--aim-cyan));}
.logo h1 span,.hero h2 em { background:linear-gradient(100deg,#fff,#ff9a52 45%,#6ffaff);-webkit-background-clip:text;background-clip:text;color:transparent!important; }
.mode-card,.hero,.gen-box,.result,.sensi-card,.list-box,.video-card,.tip-card,.faq-item { background:var(--aim-surface)!important;border-color:var(--aim-border)!important;box-shadow:0 16px 45px rgba(0,0,0,.22); }
.mode-card:hover,.sensi-card:hover,.video-card:hover,.tip-card:hover { border-color:rgba(255,23,68,.7)!important;box-shadow:0 14px 40px rgba(255,23,68,.12); }
.mode-card.active { border-color:var(--aim-cyan)!important;box-shadow:0 0 28px rgba(0,240,255,.2),inset 0 0 30px rgba(255,107,0,.08)!important; }.mode-card.vip.active,.mode-card.vip:hover { border-color:var(--aim-purple)!important;box-shadow:0 0 30px rgba(176,38,255,.25)!important; }
.section-title::after { background:linear-gradient(90deg,var(--aim-red),var(--aim-purple),transparent)!important; }
.btn-red { position:relative;overflow:hidden;color:#fff!important;background:linear-gradient(110deg,var(--aim-red),#ff9a52 45%,var(--aim-cyan))!important;box-shadow:0 9px 28px rgba(255,107,0,.3);animation:aimButtonPulse 3s ease-in-out infinite; }.btn-red::after{content:'';position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);animation:aimShimmer 3.8s ease-in-out infinite;pointer-events:none;}.btn-red:hover{transform:translateY(-2px) scale(1.03)!important;box-shadow:0 12px 34px rgba(255,107,0,.4),0 0 24px rgba(0,240,255,.25)!important;}
.btn-ghost,.opt,.dp-opt { border-color:var(--aim-border)!important; }.btn-ghost:hover,.opt:hover,.opt.sel,.dp-opt:hover,.dp-opt.sel { border-color:var(--aim-red)!important;background:rgba(255,23,68,.1)!important; }.bar i{background:linear-gradient(90deg,var(--aim-red),var(--aim-purple))!important;box-shadow:0 0 10px rgba(255,23,68,.45);}
select.inp,input.inp,.key-input{border-color:var(--aim-border)!important;}select.inp:focus,input.inp:focus,.key-input:focus{border-color:var(--aim-red)!important;box-shadow:0 0 16px rgba(255,23,68,.2)!important;}
.gen-box{position:relative;overflow:hidden;}.gen-box::after{content:'';position:absolute;left:0;right:0;top:-2px;height:2px;opacity:0;background:linear-gradient(90deg,transparent,var(--aim-red),var(--aim-purple),transparent);box-shadow:0 0 14px var(--aim-red);pointer-events:none;}.gen-box:has(#genBtn:disabled)::after{opacity:1;animation:aimScanner 1.4s linear infinite;}
.result.visible{animation:aimResultIn .55s cubic-bezier(.22,1,.36,1) both;}.result.visible .sensi-card{animation:aimCardIn .5s ease both;}.result.visible .sensi-card:nth-child(2){animation-delay:.06s}.result.visible .sensi-card:nth-child(3){animation-delay:.12s}.result.visible .sensi-card:nth-child(4){animation-delay:.18s}
@keyframes aimLogoGlow{0%,100%{box-shadow:0 0 18px rgba(255,23,68,.18)}50%{box-shadow:0 0 30px rgba(124,58,237,.4),0 0 12px rgba(255,23,68,.35)}}@keyframes aimButtonPulse{0%,100%{box-shadow:0 9px 28px rgba(255,23,68,.28)}50%{box-shadow:0 9px 34px rgba(255,23,68,.45),0 0 22px rgba(124,58,237,.2)}}@keyframes aimShimmer{0%,55%{transform:translateX(-110%)}75%,100%{transform:translateX(110%)}}@keyframes aimScanner{from{transform:translateY(0)}to{transform:translateY(620px)}}@keyframes aimResultIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes aimCardIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:640px){.wrap{padding-left:14px;padding-right:14px}.hero{padding:28px 16px}.gen-box,.result{padding:20px 16px}.btn{width:100%;justify-content:center}.gen-actions .remaining{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.logo-mark,.btn-red,.btn-red::after,.gen-box:has(#genBtn:disabled)::after{animation:none!important}.result.visible .sensi-card{animation:none!important}}
