/* The Wolf Trader: restrained red, steel and midnight blue. */
:root{--community:#79b5df;--steel:#c7d2e3}
.modules h3.arabic-heading{font-size:28px;line-height:1.55;font-weight:700}
.door-intro{position:fixed;inset:0;z-index:100;pointer-events:none;perspective:1400px;overflow:hidden;animation:door-dismiss 1.5s linear forwards}
.door-panel{position:absolute;top:0;bottom:0;width:50%;backface-visibility:hidden;will-change:transform;background:linear-gradient(135deg,#191b20,#08090b 75%);box-shadow:inset 0 0 100px #0008}
.door-panel:first-child{left:0;transform-origin:left center;border-right:1px solid #e42b3880;animation:door-left 1.25s .12s cubic-bezier(.65,0,.25,1) both}
.door-panel:last-child{right:0;transform-origin:right center;border-left:1px solid #b8bdc744;background:linear-gradient(225deg,#191b20,#08090b 75%);animation:door-right 1.25s .12s cubic-bezier(.65,0,.25,1) both}
@keyframes door-left{to{transform:rotateY(-100deg);opacity:0}}
@keyframes door-right{to{transform:rotateY(100deg);opacity:0}}
@keyframes door-dismiss{0%,90%{visibility:visible}100%{visibility:hidden}}
@media(max-width:700px){.modules h3.arabic-heading{font-size:25px}}
@media(prefers-reduced-motion:reduce){.door-intro{display:none}}
body{background:radial-gradient(ellipse at 90% 8%,#14233755,transparent 35%),#08090b}
.hero:before{inset:-30px -6% -100px;background:radial-gradient(ellipse at 20% 25%,#e42b3820,transparent 55%),radial-gradient(ellipse at 85% 65%,#35638f20,transparent 55%);border-radius:40%;pointer-events:none}
.hero h1.arabic-heading{animation:none}
.hero h1 .red{background:linear-gradient(110deg,#f8f5f0 0%,#fa6f78 25%,#e42b38 58%,#f8a0a6 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.authority-tag{margin-bottom:24px}
.video-actions{display:flex;justify-content:center;align-items:stretch;gap:14px;flex-wrap:wrap;margin:28px auto 0}
.video-actions .button{min-height:62px;padding:16px 24px;gap:16px;font-size:17px;line-height:1.7}
.video-action-note{margin:13px auto 0;color:var(--muted)}
.button.community-button{background:linear-gradient(135deg,#182b40,#111b2a);border:1px solid #79b5df66;color:#e0f1ff;box-shadow:inset 0 1px 0 #c7d2e31a,0 12px 26px #0005}
.button.community-button:hover{background:linear-gradient(135deg,#203a54,#152338);border-color:#79b5df;box-shadow:0 12px 32px #0d1e3366;transform:translateY(-3px)}
.community-button svg{flex-shrink:0;transition:transform .3s}
.community-button:hover svg{transform:translate(3px,-3px) rotate(-8deg)}
.video-shell{position:relative;border-color:#c7d2e355;box-shadow:0 25px 65px #0009,0 -5px 35px #e42b380b}
.modules article:nth-child(2){border-top-color:#79b5df99;background:linear-gradient(145deg,#172332,#111214)}
.modules article:nth-child(3){border-top-color:#c7d2e399;background:linear-gradient(145deg,#22252b,#111214)}
.modules article:first-child{border-top-color:#e42b3899;background:linear-gradient(145deg,#28191e,#111214)}
.modules article{--pointer-x:50%;--pointer-y:50%}
.modules article:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 220px at var(--pointer-x) var(--pointer-y),#c7d2e313,transparent 75%);opacity:0;transition:opacity .35s}
.modules article:hover:after{opacity:1}
.short-gallery .testimonial-image-button{overflow:hidden;border-radius:7px}
.short-gallery .testimonial-image-button img{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s}
.short-gallery .testimonial-image-button:hover img{transform:scale(1.035);filter:brightness(1.08)}
.button.primary{background:linear-gradient(110deg,#b91d2b,#e42b38 55%,#c8212e);background-size:180% 100%;transition:transform .25s,box-shadow .3s,background-position .45s}
.button.primary:hover{background:linear-gradient(110deg,#b91d2b,#e42b38 55%,#c8212e);background-size:180% 100%;background-position:100% 0;box-shadow:0 14px 34px #0008,0 4px 26px #e42b3833;transform:translateY(-3px)}
.button:focus-visible:after{animation:button-glint .65s ease-out}
.button .click-ring{position:absolute;width:30px;height:30px;border:1px solid #fff9;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:wolf-click .6s ease-out forwards}
.gallery-arrow:hover{transform:translateY(-2px);box-shadow:0 5px 18px #e42b381f;transition:transform .25s,box-shadow .25s}
.reading-progress{background:linear-gradient(90deg,#e42b38 55%,#c7d2e3)}
@keyframes wolf-click{to{width:280px;height:280px;opacity:0}}
@keyframes ambient-arrival{from{opacity:.3;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){.hero:before{animation:ambient-arrival 1.8s ease-out both}}
@media(max-width:700px){.video-actions{gap:12px;margin-top:22px}.video-actions .button{width:100%;font-size:16px;min-height:60px;padding:14px 16px}.video-action-note{font-size:12px;max-width:300px}.hero:before{inset:-20px 0 -80px}.modules article>span{display:block;font-size:11px;margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.hero:before,.button .click-ring{animation:none}.button .click-ring{display:none}.short-gallery .testimonial-image-button:hover img{transform:none}.button:hover,.gallery-arrow:hover,.modules article:hover{transform:none}}