.modules{position:relative;overflow:hidden;background:linear-gradient(180deg,#0a070e,#0c0811 70%,#09060c)}
.modules:before{content:"";position:absolute;left:50%;top:188px;bottom:104px;width:1px;background:linear-gradient(180deg,transparent,#c05be84d 10%,#c05be84d 90%,transparent);opacity:.65}
.modules .section-label,.modules .section-heading,.modules .module-tabs,.modules .module-panel,.modules .module-foot{position:relative;z-index:1}
.modules .section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}
.modules .section-heading h2{font-size:clamp(44px,5vw,76px);line-height:.98}
.modules .section-heading p{max-width:210px;margin:0;color:#ae9bb7;font-size:15px;line-height:1.55}
.module-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:0}
.module-tabs button{position:relative;min-height:105px;border:1px solid #c17cdd2c;border-radius:12px;background:#120b18d9;padding:16px 18px;text-align:left;transition:transform .35s,border-color .35s,background .35s,box-shadow .35s}
.module-tabs button:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:#c763ee;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.module-tabs button[aria-selected=true]{background:linear-gradient(135deg,#2a1239,#130b1b);border-color:#c46eea90;box-shadow:0 16px 38px #7d2aa52b;transform:translateY(-4px)}
.module-tabs button[aria-selected=true]:after{transform:scaleX(1)}
.module-tabs button>span{display:block;color:#d68bf2;font-size:12px;letter-spacing:.14em;margin-bottom:23px}
.module-tabs button i{float:right;color:#a789b5;font-style:normal;font-size:20px}
.module-panel{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);gap:0;margin-top:22px;border:1px solid #c17cdd32;border-radius:16px;overflow:hidden;background:linear-gradient(110deg,#1b0f26,#100912 70%);box-shadow:0 24px 60px #0006}
.module-art{background:radial-gradient(circle at 50% 40%,#a645d72f,transparent 48%),#140b1d}
.module-art img{filter:drop-shadow(15px 20px 18px #0009);transform:rotate(-3deg);transition:transform .5s,filter .5s}
.module-panel.changing .module-art img{animation:moduleIn .55s ease both}
.module-detail{padding:52px 54px 45px}
.module-detail h3{font-size:clamp(34px,3.3vw,54px);line-height:1.02}
.module-detail>p{max-width:490px;font-size:17px;line-height:1.65;color:#c1aecb}
.module-detail li{border-bottom:1px solid #c17cdd26;padding:12px 0;color:#c9b7d2}
.module-foot{color:#95819f}.module-foot span:last-child{color:#d08ce9}
@keyframes moduleIn{from{opacity:.35;transform:translateY(12px) rotate(-6deg)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}
@media(max-width:760px){.modules:before{left:11px;top:174px;bottom:94px}.modules .section-heading{display:block;margin-bottom:25px}.modules .section-heading h2{font-size:clamp(39px,10vw,54px)}.modules .section-heading p{margin-top:15px;max-width:260px}.module-tabs{display:flex;gap:8px;margin-left:22px;overflow-x:auto;scrollbar-width:none;padding:3px 3px 9px}.module-tabs::-webkit-scrollbar{display:none}.module-tabs button{flex:0 0 118px;min-height:88px;padding:13px 12px;border-radius:9px;font-size:13px;line-height:1.2}.module-tabs button>span{font-size:10px;margin-bottom:17px}.module-tabs button i{display:none}.module-panel{grid-template-columns:1fr;margin:12px 0 0 22px;border-radius:12px}.module-art{min-height:350px;height:350px;padding:28px 16px 43px}.module-art img{height:270px}.module-art-word{font-size:78px}.module-detail{padding:28px 22px 29px}.module-detail h3{font-size:34px}.module-detail>p{font-size:15px;line-height:1.55}.module-detail li{font-size:14px;line-height:1.45;padding:11px 0}.module-foot{margin-left:22px;gap:5px;font-size:11px}.modules .section-label{margin-left:22px}}
@media(prefers-reduced-motion:reduce){.module-panel.changing .module-art img{animation:none}}