.configuration-module{width:min(100%,680px);height:150px;border:1px solid rgba(214,186,255,.22);border-radius:22px;background:linear-gradient(135deg,rgba(112,61,181,.2),rgba(27,15,48,.72) 48%,rgba(73,37,123,.25));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 22px 55px rgba(0,0,0,.36),0 0 50px rgba(126,75,213,.08);backdrop-filter:blur(24px);filter:none;overflow:hidden}.configuration-module:before{content:"";position:absolute;width:250px;height:250px;left:-80px;top:-170px;border-radius:50%;background:rgba(180,112,255,.2);filter:blur(28px)}.configuration-module:after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.08) 45%,transparent 65%);transform:translateX(-100%);transition:transform .65s ease;pointer-events:none}.configuration-module:hover{transform:translateY(-5px);filter:none;border-color:rgba(198,157,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 28px 65px rgba(0,0,0,.44),0 0 42px rgba(139,92,246,.18)}.configuration-module:hover:after{transform:translateX(100%)}.metal-label{z-index:1;padding:28px 38px;border:0;border-radius:0;background:transparent;box-shadow:none}.metal-label:after{display:none}.metal-label span{color:#b994ef;font:500 9px "DM Mono",monospace;letter-spacing:2px}.metal-label strong{color:#f7f2ff;font:700 clamp(27px,4vw,41px)/1 "Space Grotesk",sans-serif;letter-spacing:-2px;text-shadow:none}.metal-label small{color:#a99ab9;font-size:11px;font-weight:500}.mechanical-gear{z-index:1;align-self:center;width:104px;height:104px;margin:0 24px 0 0;border:1px solid rgba(205,174,255,.3);border-radius:25px;background:linear-gradient(145deg,rgba(181,124,255,.18),rgba(36,18,64,.76));box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 12px 32px rgba(0,0,0,.38);transition:transform .6s cubic-bezier(.16,1,.3,1)}.configuration-module:hover .mechanical-gear{transform:rotate(45deg)}.mechanical-gear:before{inset:20px;border:1px solid rgba(203,168,255,.25);background:radial-gradient(circle,rgba(111,64,181,.45),rgba(22,11,39,.85) 68%)}.mechanical-gear b{color:#cda8ff;font-size:58px;text-shadow:0 0 20px rgba(165,102,255,.6)}.mechanical-gear i{width:16px;height:16px;background:radial-gradient(circle at 35% 30%,#fff,#c69aff 35%,#8342e0 72%);box-shadow:0 0 0 3px #160b27,0 0 18px #a45fff}@media(max-width:650px){.configuration-module{height:120px}.metal-label{padding:21px 24px}.metal-label strong{font-size:27px}.mechanical-gear{width:77px;height:77px;margin-right:18px;border-radius:20px}.mechanical-gear b{font-size:44px}.mechanical-gear:before{inset:14px}}