.madaf-spt{--spt-ease: cubic-bezier(.23, 1, .32, 1);display:flex;align-items:center;gap:36px;padding:38px 42px;border:1px solid #DBEAFE;border-radius:20px;background:radial-gradient(1100px 420px at 85% -10%,rgba(59,130,246,.07),transparent 60%),repeating-linear-gradient(0deg,rgba(29,78,216,.035) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(29,78,216,.035) 0 1px,transparent 1px 22px),linear-gradient(180deg,#fff,#f8faff);color:#0f172a;box-shadow:0 10px 36px #1e3a8a1a;overflow:hidden}.madaf-spt-art{flex:0 0 250px;height:180px;border-radius:12px;background:#fdfdfa;border:1px solid #CBD5E1;position:relative;box-shadow:0 6px 20px #1e3a8a1f;padding:14px 12px 10px;box-sizing:border-box;transition:transform .22s var(--spt-ease),box-shadow .22s var(--spt-ease)}@media(hover:hover)and (pointer:fine){.madaf-spt:hover .madaf-spt-art{transform:translateY(-3px);box-shadow:0 12px 28px #1e3a8a29}}.madaf-spt-art .spt-room{position:relative;width:100%;height:100%;border:2px solid #334155;border-radius:2px;background:repeating-linear-gradient(0deg,rgba(29,78,216,.09) 0 1px,transparent 1px 11px),repeating-linear-gradient(90deg,rgba(29,78,216,.09) 0 1px,transparent 1px 11px)}.madaf-spt-art .spt-room>*{position:absolute}.spt-dim{font-size:9px;font-weight:700;color:#1e3a5f;direction:ltr;white-space:nowrap;animation:sptDims 12s var(--spt-ease) infinite}.spt-dim-top{top:-13px;left:50%;transform:translate(-50%)}.spt-dim-side{top:50%;left:-7px;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}@keyframes sptDims{0%{opacity:0}4%,94%{opacity:1}98%,to{opacity:0}}.spt-door{bottom:-2px;left:42%;width:17%;height:2px;background:#fdfdfa;animation:sptStep12 12s var(--spt-ease) infinite}.spt-door:before{content:"";position:absolute;bottom:0;right:0;width:100%;aspect-ratio:1;border:1.5px dashed #64748B;border-bottom:none;border-left:none;border-radius:0 100% 0 0}.spt-door:after{content:"";position:absolute;bottom:0;right:0;width:2px;height:26px;background:#334155;transform:rotate(-28deg);transform-origin:bottom center}.spt-shelf{border:1.5px solid #2563EB;background:#2563eb24;border-radius:2px;font-size:7px;font-weight:700;color:#1d4ed8;display:flex;align-items:center;justify-content:center;direction:ltr}.spt-s1{top:5%;left:5%;width:50%;height:19%;animation:sptStep26 12s var(--spt-ease) infinite}.spt-s2{top:5%;left:60%;width:28%;height:19%;animation:sptStep36 12s var(--spt-ease) infinite}.spt-s3{top:32%;left:5%;width:13%;height:46%;animation:sptStep46 12s var(--spt-ease) infinite}.spt-s4{top:32%;left:82%;width:13%;height:46%;animation:sptStep56 12s var(--spt-ease) infinite}.spt-pillar{top:44%;left:46%;width:9%;height:15%;background:linear-gradient(45deg,transparent 44%,#334155 44% 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,#334155 44% 56%,transparent 56%),#e2e8f0;border:1.5px solid #334155;animation:sptStep68 12s var(--spt-ease) infinite}.spt-aisle{top:62%;left:24%;width:50%;height:24%;border:1.5px dashed #D97706;border-radius:2px;background:repeating-linear-gradient(45deg,#d9770629 0 4px,#d977060d 4px 8px);font-size:8px;font-weight:700;color:#b45309;display:flex;align-items:center;justify-content:center;animation:sptAisle 12s var(--spt-ease) infinite}.spt-cursor{width:10px;height:10px;border-radius:50%;background:#2563eb;border:2px solid #fff;box-shadow:0 1px 6px #1e3a8a73;z-index:3;animation:sptCursor 12s ease-in-out infinite}@keyframes sptStep12{0%,10%{opacity:0;transform:scale(.85)}13%{opacity:1;transform:scale(1.06)}15%,94%{opacity:1;transform:scale(1)}98%,to{opacity:0;transform:scale(1)}}@keyframes sptStep26{0%,24%{opacity:0;transform:scale(.85)}27%{opacity:1;transform:scale(1.06)}29%,94%{opacity:1;transform:scale(1)}98%,to{opacity:0;transform:scale(1)}}@keyframes sptStep36{0%,34%{opacity:0;transform:scale(.85)}37%{opacity:1;transform:scale(1.06)}39%,94%{opacity:1;transform:scale(1)}98%,to{opacity:0;transform:scale(1)}}@keyframes sptStep46{0%,44%{opacity:0;transform:scale(.85)}47%{opacity:1;transform:scale(1.06)}49%,94%{opacity:1;transform:scale(1)}98%,to{opacity:0;transform:scale(1)}}@keyframes sptStep56{0%,54%{opacity:0;transform:scale(.85)}57%{opacity:1;transform:scale(1.06)}59%,94%{opacity:1;transform:scale(1)}98%,to{opacity:0;transform:scale(1)}}@keyframes sptStep68{0%,66%{opacity:0;transform:scale(.85)}69%{opacity:1;transform:scale(1.06)}71%,94%{opacity:1;transform:scale(1)}98%,to{opacity:0;transform:scale(1)}}@keyframes sptAisle{0%,76%{opacity:0;clip-path:inset(0 100% 0 0)}78%{opacity:1}84%,94%{opacity:1;clip-path:inset(0 0 0 0)}98%,to{opacity:0;clip-path:inset(0 0 0 0)}}@keyframes sptCursor{0%{opacity:0;top:90%;left:50%}8%{opacity:1;top:96%;left:49%}12%{transform:scale(.7)}14%{transform:scale(1)}22%{top:12%;left:28%}26%{transform:scale(.7)}28%{transform:scale(1)}32%{top:12%;left:72%}36%{transform:scale(.7)}38%{transform:scale(1)}42%{top:52%;left:10%}46%{transform:scale(.7)}48%{transform:scale(1)}52%{top:52%;left:87%}56%{transform:scale(.7)}58%{transform:scale(1)}64%{top:49%;left:49%}68%{transform:scale(.7)}70%{transform:scale(1)}74%{top:72%;left:26%}84%{top:72%;left:70%;opacity:1}88%,to{opacity:0;top:72%;left:70%}}.madaf-spt-body{flex:1;min-width:0}.madaf-spt-title{margin:0 0 8px;font-size:25px;font-weight:800;line-height:1.25;color:#1e3a8a;letter-spacing:-.01em}.madaf-spt-sub{margin:0 0 20px;font-size:15px;line-height:1.6;color:#475569;max-width:52ch}.madaf-spt-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.madaf-spt-form label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:#334155}.madaf-spt-form input{width:88px;padding:11px 10px;border:1px solid #CBD5E1;border-radius:12px;background:#fff;color:#0f172a;font-size:16px;font-weight:700;text-align:center;transition:border-color .15s ease,box-shadow .15s ease}.madaf-spt-form input:hover{border-color:#94a3b8}.madaf-spt-form input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.madaf-spt-btn{padding:13px 28px;border:none;border-radius:12px;background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;font-size:15.5px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px #2563eb52,inset 0 1px #ffffff2e;transition:transform .14s var(--spt-ease),box-shadow .14s var(--spt-ease),background .15s ease}@media(hover:hover)and (pointer:fine){.madaf-spt-btn:hover{background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 6px 18px #2563eb66,inset 0 1px #ffffff2e;transform:translateY(-1px)}}.madaf-spt-btn:active{transform:scale(.97)}.madaf-spt-trust{margin:16px 0 0;font-size:12.5px;color:#64748b}@media(max-width:760px){.madaf-spt{flex-direction:column;text-align:center;padding:28px 20px;gap:20px}.madaf-spt-art{flex-basis:auto;width:min(240px,100%)}.madaf-spt-title{font-size:21px}.madaf-spt-sub{margin-inline:auto}.madaf-spt-form{justify-content:center}.madaf-spt-form label{flex:1 1 28%}.madaf-spt-form input{width:100%;box-sizing:border-box}.madaf-spt-btn{flex:1 1 100%;margin-top:6px}}@media(prefers-reduced-motion:reduce){.madaf-spt-art,.madaf-spt-btn{transition:none}.madaf-spt:hover .madaf-spt-art{transform:none}.madaf-spt-art .spt-room>*{animation:none;opacity:1;clip-path:none}.spt-cursor{display:none}}