/* Restored A3 technology-growth visual system */
@keyframes a3TechFlow{0%{background-position:0 0,0 0,0 0}50%{background-position:40px -24px,-22px 26px,18px -20px}100%{background-position:80px -48px,-44px 52px,36px -40px}}
@keyframes a3SignalPulse{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:.85;transform:scale(1.04)}}
body{background-color:#eef3fa;background-image:radial-gradient(circle at 12% 18%,rgba(17,112,222,.09) 0 2px,transparent 3px),linear-gradient(118deg,transparent 42%,rgba(34,133,239,.045) 43%,transparent 44%),linear-gradient(62deg,transparent 63%,rgba(218,157,35,.05) 64%,transparent 65%);background-size:130px 130px,280px 280px,340px 340px}
.hero{position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(4,18,51,.98) 0%,rgba(5,25,62,.92) 38%,rgba(7,27,72,.38) 70%,rgba(7,27,72,.14) 100%),url('/a3-ai-growth-hero.jpg');background-size:cover;background-position:center right;background-repeat:no-repeat}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(91,166,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(91,166,255,.065) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 4%,#000 58%,#000)}
.hero .shell,.hero .copy{position:relative;z-index:2}
.section,.authzone,.appwrap,.onboard-shell,.legal-content{background-image:radial-gradient(circle at 12% 22%,rgba(25,126,237,.1) 0 2px,transparent 3px),linear-gradient(118deg,transparent 42%,rgba(34,133,239,.06) 43%,transparent 44%),linear-gradient(62deg,transparent 63%,rgba(218,157,35,.065) 64%,transparent 65%);background-size:130px 130px,280px 280px,340px 340px;animation:a3TechFlow 28s linear infinite}
.section:nth-of-type(even){background-color:rgba(241,246,253,.86)}
.authzone{background-color:var(--navy);background-blend-mode:screen}
.appwrap,.onboard-shell{border-radius:24px}
.sidebar{background-image:linear-gradient(160deg,rgba(23,87,168,.72),transparent 52%),url('/a3-ai-growth-hero.jpg');background-size:auto 100%,cover;background-position:center;box-shadow:0 18px 48px rgba(7,27,72,.22)}
.welcome{background-image:linear-gradient(105deg,rgba(5,24,61,.96),rgba(10,72,151,.76)),url('/a3-ai-growth-hero.jpg');background-size:cover;background-position:center right}
.welcome:before{content:'';position:absolute;width:160px;height:160px;border:1px solid rgba(255,208,92,.4);border-radius:50%;right:42px;bottom:-90px;animation:a3SignalPulse 6s ease-in-out infinite}
.card,.feature,.pathcard,.a3-stage,.a3-console-card{backdrop-filter:blur(10px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.card:hover,.feature:hover,.a3-stage:hover,.a3-console-card:hover{transform:translateY(-2px);box-shadow:0 17px 44px rgba(7,27,72,.1)}
.legal-page{min-height:100vh;background:#f4f7fb}
.legal-hero{background-image:linear-gradient(90deg,rgba(4,18,51,.97),rgba(7,42,92,.74)),url('/a3-ai-growth-hero.jpg');background-size:cover;background-position:center right;color:#fff}
@media(max-width:900px){.hero{background-position:64% center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,51,.94),rgba(4,18,51,.63));pointer-events:none}.hero .shell{z-index:2}}
@media(max-width:620px){.hero{background-position:68% center}.hero:before{opacity:.45}.hero:after{background:linear-gradient(rgba(4,18,51,.88),rgba(4,18,51,.7))}.section,.authzone,.appwrap,.onboard-shell{animation:none}}
@media(prefers-reduced-motion:reduce){.section,.authzone,.appwrap,.onboard-shell,.legal-content{animation:none}.welcome:before{animation:none}}
