@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";*{box-sizing:border-box}body{color:#f7f7fc;background:#05050a;margin:0;font-family:Inter,Arial}.app{background:radial-gradient(circle at 52% 44%,#350537,#0000 29%),#05050a;min-width:1100px;min-height:100vh}header{border-bottom:1px solid #30172d;align-items:center;gap:28px;height:100px;padding:10px 32px;display:flex}.brand{align-items:center;gap:12px;min-width:380px;display:flex}.brand>i{color:#fa32df;text-shadow:0 0 16px #a855f7;font-size:58px}.brand b{font-size:31px}.brand em,.reactor em{color:#ff1493;font-style:normal}.brand small{margin-top:4px;display:block}.paper{background:#90065f;border:1px solid #ff1493;border-radius:16px;padding:13px 24px;font-weight:800;box-shadow:0 0 18px #ff1493}.badges{gap:9px;margin-left:auto;display:flex}.badges span{border:1px solid #443145;border-radius:14px;padding:12px;font-size:12px}.ok,.green{color:#00e676!important}aside{border-right:1px solid #471046;width:211px;padding:27px 9px;position:absolute;top:100px;bottom:0}aside button{color:#eee;text-align:left;background:0 0;border:0;border-radius:0 10px 10px 0;width:100%;height:65px;padding:0 20px;font:600 16px Inter}aside i{color:#ff66d2;margin-right:13px;font-size:22px}aside .active{background:linear-gradient(90deg,#cc0b7f,#ff1493);box-shadow:0 0 18px #ff1493}aside .active i{color:#fff}main{margin-left:211px;padding:18px 28px;position:relative}.metrics{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.metric,.box,.engine{background:linear-gradient(145deg,#11111c,#07070d);border:1px solid #bd32a2;border-radius:20px;box-shadow:0 0 14px #571040}.metric{align-items:center;gap:14px;height:88px;padding:15px 22px;display:flex}.metric>i{color:#ff69d5;font-size:35px}.metric small,.metric b{display:block}.metric b{font-size:26px}.stage{grid-template-columns:1fr 350px 1fr;align-items:center;gap:20px;height:360px;display:grid}.index{text-align:center;clip-path:polygon(14% 0,86% 0,100% 50%,86% 100%,14% 100%,0 50%);background:#0c0c15;border:2px solid #ff1493;height:300px;padding:25px 48px}.index h2{font-size:28px}.index>strong{color:#ffc857;font-size:14px}.index>div{gap:12px;margin-top:30px;display:flex}.index span{color:#92ffbd;background:#062013;border-radius:14px;flex:1;padding:15px}.index span b{font-size:19px;display:block}.index em{color:#ff1493;margin-top:37px;font-size:23px;display:block}.reactor{filter:drop-shadow(0 0 18px #bd0b9c);place-items:center;width:330px;height:330px;margin:auto;display:grid;position:relative}.r{border:13px solid #ff1493;border-color:#ff1493 #a855f7 #0000 #0000;border-radius:50%;animation:10s linear infinite spin;position:absolute;inset:6px}.r2{border-top-color:#00e676;border-left-color:#00e676;animation-duration:12s;inset:25px}.r3{border-width:5px;border-color:#6d2a80;animation-direction:reverse;inset:50px}.reactor>div{z-index:2;background:#08080d;border:1px solid #42e8ff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:175px;height:175px;display:flex}.reactor>div>b{color:#f52bdc;font-size:55px}.reactor strong{font-size:25px}.reactor small{color:#00e676;margin-top:8px;font-weight:800}.reactor>span{border:3px solid #ff1493;border-radius:50%;width:240px;height:25px;position:absolute;bottom:0}.bad .r{border-color:#ff365f;animation-play-state:paused}.bad small{color:#ff365f}@keyframes spin{to{transform:rotate(360deg)}}.order{color:#fff;background:#0e0b12;border:2px solid #824377;border-radius:35px;align-items:center;gap:20px;width:100%;height:70px;padding:0 28px;font:600 14px Inter;display:flex}.order b{color:#ff1493}.order strong{color:#ffc857;margin-left:auto;font-size:11px}.bottom{grid-template-columns:1.05fr repeat(4,1.4fr);gap:18px;margin-top:26px;display:grid}.box,.engine{min-height:175px;padding:15px}.box h3{margin:0 0 15px}.box p{justify-content:space-between;margin:10px 0;display:flex}.box p b{font-size:13px}.red{color:#ff365f}.amber{color:#ffc857}.engine{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.engine>i{color:#00e676;text-shadow:0 0 14px #00e676;font-size:50px}.engine button{color:#fff;background:#b50679;border:1px solid #ff55bf;border-radius:9px;padding:10px 16px;font-weight:800}.toast{background:#130915;border:1px solid #ff1493;border-radius:12px;max-width:350px;padding:15px;position:absolute;top:18px;right:28px;box-shadow:0 0 18px #ff1493}.toast button{float:right;color:#fff;background:0 0;border:0;font-size:18px}.page{background:#0b0b13;border:1px solid #bd32a2;border-radius:20px;min-height:650px;padding:30px}.page pre{color:#00e676;background:#05050a;border-radius:12px;padding:15px;overflow:auto}@media (width<=1200px){.badges span:nth-child(2),.badges span:nth-child(3){display:none}.stage{grid-template-columns:1fr 300px 1fr}.reactor{transform:scale(.88)}}
