.areas{flex-direction:column;gap:40px;display:flex}.area{border:1px solid var(--line);border-radius:var(--r-xl);background:#fff;grid-template-columns:1fr 1.15fr;gap:10px;padding:10px;scroll-margin-top:24px;display:grid}.area--flip{grid-template-columns:1.15fr 1fr}.area--flip .area__art{order:2}.area__art{border-radius:calc(var(--r-xl) - 10px);background:linear-gradient(#d9e7fb 0%,#e8f0fc 55%,#f7faff 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:320px;display:flex;position:relative;overflow:hidden}.area__art .tart__panel{width:min(78%,320px);position:static}.area__art .tart__chip{align-self:center;width:190px;margin-left:28%;position:static}.area__body{flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:36px 40px;display:flex}.area__list{flex-direction:column;gap:14px;margin-top:4px;display:flex}.area__list li{color:var(--ink-2);align-items:flex-start;gap:12px;font-size:17px;line-height:1.5;display:flex}.area__check{background:var(--bg-tint);width:24px;height:24px;color:var(--accent);border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}@media (max-width:960px){.area,.area--flip{grid-template-columns:1fr}.area--flip .area__art{order:0}.area__art{min-height:260px}.area__body{padding:26px 22px 28px}}@media (max-width:640px){.areas{gap:24px}.area{border-radius:var(--r-lg);padding:8px}.area__art{border-radius:calc(var(--r-lg) - 8px);min-height:230px}.area__list li{font-size:16px}}
.vault{width:min(560px,100%);height:210px;position:relative;overflow:hidden}.vault__ring{border:1.5px solid #ffffffb3;border-radius:50%;width:300px;height:300px;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.vault__ring--outer{border-color:#ffffff4d;width:470px;height:470px}.vault__hub{color:#fff;background:linear-gradient(#5a9cf0 0%,#3970e4 100%);border-radius:28px;place-items:center;width:92px;height:92px;display:grid;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1.5px #ffffff73,0 22px 40px -14px #0a286eb3}.vault__badge{width:50px;height:50px;color:var(--accent);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 14px 28px -12px #0a286e8c}.vault__badge--1{top:46%;left:calc(50% - 175px)}.vault__badge--2{top:6%;left:calc(50% - 110px)}.vault__badge--3{top:6%;left:calc(50% + 60px)}.vault__badge--4{top:46%;left:calc(50% + 125px)}.tart__toggle--off{background:#cfd5df}.tart__toggle--off i{left:2px;right:auto}.tart__flag{color:var(--accent);flex:none}@media (max-width:640px){.vault{height:180px}.vault__ring{width:240px;height:240px}.vault__ring--outer{width:380px;height:380px}.vault__hub{border-radius:24px;width:76px;height:76px}.vault__badge{width:42px;height:42px}.vault__badge--1{left:calc(50% - 142px)}.vault__badge--2{left:calc(50% - 92px)}.vault__badge--3{left:calc(50% + 50px)}.vault__badge--4{left:calc(50% + 100px)}}