.cover-think {
    position: relative; height: 100%; overflow: hidden; color: #f8fbff;
    background:
        radial-gradient(circle at 86% 8%, rgba(130,198,255,.42), transparent 30%),
        radial-gradient(circle at 8% 82%, rgba(59,108,166,.42), transparent 34%),
        linear-gradient(135deg, #0b192c 0%, #183452 58%, #86b5dd 125%);
}
.cover-think::before, .cover-think::after { content: ''; position: absolute; border: 1px solid rgba(205,233,255,.24); border-radius: 50%; transform: rotate(-18deg); }
.cover-think::before { width: 145%; aspect-ratio: 1; right: -76%; top: -38%; }
.cover-think::after { width: 102%; aspect-ratio: 1; right: -40%; top: 10%; border-color: rgba(205,233,255,.14); }
.cover-think .think-cover-ui {
    position: relative; z-index: 1; width: 100%; height: 100%; min-height: 0; overflow: hidden;
}
.cover-think .think-cover-ui::before {
    content: ''; position: absolute; inset: -8%; opacity: .2;
    background: linear-gradient(115deg, transparent 0 48%, rgba(207,235,255,.5) 48.2%, transparent 48.6% 100%);
    transform: rotate(-8deg);
}
.cover-think .think-cover-ui::after {
    content: ''; position: absolute; left: 7%; bottom: 8%; width: 34px; height: 34px; border-radius: 50%;
    background: #9bdab9; box-shadow: 0 0 0 8px rgba(155,218,185,.12), 0 0 34px rgba(155,218,185,.46);
}
.cover-think .think-cover-orbit { position: absolute; display: block; border: 1px solid rgba(206,235,255,.22); border-radius: 50%; transform: rotate(-18deg); }
.cover-think .think-cover-orbit-one { width: 126%; aspect-ratio: 1; right: -68%; top: -32%; }
.cover-think .think-cover-orbit-two { width: 92%; aspect-ratio: 1; right: -38%; top: 12%; border-color: rgba(206,235,255,.12); }
.cover-think .think-cover-dashboard {
    position: absolute; z-index: 2; right: 5%; top: 14%; width: min(64%, 330px); height: 66%; min-width: 176px;
    padding: 15px; overflow: hidden; border: 1px solid rgba(255,255,255,.72); border-radius: 18px;
    background: rgba(247,251,255,.92); box-shadow: 0 24px 42px rgba(5,20,38,.28), inset 0 1px rgba(255,255,255,.94);
    transform: rotate(-5deg); transform-origin: 80% 70%;
}
.cover-think .think-cover-dashboard-top, .cover-think .think-cover-dashboard-bottom { display: flex; align-items: center; gap: 6px; }
.cover-think .think-cover-dot { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: #5caee2; box-shadow: 0 0 0 4px rgba(92,174,226,.14); }
.cover-think .think-cover-topline { display: block; width: 30%; height: 6px; border-radius: 99px; background: #c8ddeb; }
.cover-think .think-cover-topline.short { width: 16%; margin-left: auto; background: #9bc9e2; }
.cover-think .think-cover-dashboard-grid { display: grid; grid-template-columns: 1.16fr .84fr; gap: 7px; margin-top: 16px; }
.cover-think .think-cover-tile { display: block; height: 37px; border-radius: 10px; background: #e6f1f8; }
.cover-think .think-cover-tile.primary { grid-row: span 2; height: 81px; background: linear-gradient(145deg, #cbeaff, #8fc7e9); }
.cover-think .think-cover-tile.wide { background: linear-gradient(145deg, #eaf6ef, #b9e7ca); }
.cover-think .think-cover-chart { display: flex; align-items: flex-end; gap: 5px; height: 34%; min-height: 44px; margin-top: 14px; padding: 0 4px; border-bottom: 1px solid rgba(23,49,74,.12); }
.cover-think .think-cover-chart i { display: block; flex: 1; min-width: 4px; height: 38%; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, #75b9e8, #2d79b3); }
.cover-think .think-cover-chart i:nth-child(2) { height: 58%; }
.cover-think .think-cover-chart i:nth-child(3) { height: 46%; }
.cover-think .think-cover-chart i:nth-child(4) { height: 73%; }
.cover-think .think-cover-chart i:nth-child(5) { height: 65%; }
.cover-think .think-cover-chart i:nth-child(6) { height: 92%; background: linear-gradient(180deg, #9bdab9, #46a477); }
.cover-think .think-cover-dashboard-bottom { margin-top: 12px; }
.cover-think .think-cover-dashboard-bottom span { display: block; width: 42%; height: 6px; border-radius: 99px; background: #c8ddeb; }
.cover-think .think-cover-dashboard-bottom span:last-child { width: 22%; margin-left: auto; background: #b9e7ca; }
.cover-think .think-cover-float { position: absolute; z-index: 3; display: block; border-radius: 12px; background: rgba(255,255,255,.78); box-shadow: 0 14px 26px rgba(5,20,38,.18); transform: rotate(8deg); }
.cover-think .think-cover-float-a { width: 46px; height: 28px; right: 17%; bottom: 16%; }
.cover-think .think-cover-float-b { width: 25px; height: 25px; right: 8%; bottom: 30%; border-radius: 50%; background: #86c9a4; transform: none; }