.plan-preview{display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 0,rgba(122,217,245,.1),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 34%),#111215;border-radius:25px;padding:70px 36px 45px;position:relative;align-self:flex-start}.plan-preview.popular{isolation:isolate;border:1px solid rgba(122,217,245,.18);background:radial-gradient(circle at 18% 4%,rgba(122,217,245,.34),transparent 42%),linear-gradient(125deg,rgba(122,217,245,.26) 0%,rgba(122,217,245,.17) 22%,rgba(54,150,181,.09) 40%,transparent 58%),radial-gradient(circle at 50% 0,rgba(122,217,245,.1),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 34%),#111215}.plan-preview.popular:before{content:"";position:absolute;inset:auto 18px -42px auto;z-index:-1;width:160px;height:86px;border-radius:999px;background:#7ad9f52e;filter:blur(30px)}.plan-preview.popular:before{content:none}.plan-preview .most-popular{position:absolute;top:50px;padding:3px 16px;border-radius:20px;font-family:main-font,sans-serif;font-weight:700;font-size:14px;color:#0e0f14;background:linear-gradient(180deg,#8fe1f8,#6bcbe7);border:0;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0e0f1429,0 4px 14px #7ad9f52e}.plan-preview .current-stats-box{margin-bottom:30px;background:#1a1b21;padding:20px;border-radius:15px;display:flex;flex-direction:column;flex-wrap:wrap;width:100%}.plan-preview .current-stats-box .datum{display:flex;justify-content:space-between;flex-direction:row;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1019607843);padding:10px 0}.plan-preview .current-stats-box .datum:first-child{padding-top:0}.plan-preview .current-stats-box .datum:last-child{padding-bottom:0;border-bottom:none}.plan-preview .current-stats-box .datum .label{font-family:main-font,sans-serif;font-weight:500;font-size:13px;color:#fffc;margin:0}.plan-preview .current-stats-box .datum .value{font-family:main-font,sans-serif;font-weight:500;font-size:16px;color:#fff}.plan-preview .deco{position:absolute;top:-10px;left:50%;transform:translate(-50%,-50%);width:176px;height:176px;display:flex;align-items:flex-end;justify-content:center}.plan-preview .deco img{display:block;width:176px;height:176px;object-fit:contain;object-position:center bottom}.plan-preview h3{font-family:video,monospace;font-size:16px;letter-spacing:2px;text-transform:uppercase;margin-top:20px}.plan-preview h3.past-due{margin-top:-8px;color:#ffb71c}.plan-preview p{font-family:main-font,sans-serif;font-weight:500;font-size:13px;text-align:center;height:74px}.plan-preview .price{display:flex;flex-direction:column;position:relative;height:120px;margin-top:30px}.plan-preview .price .price-value{font-family:video,monospace;font-size:46px;letter-spacing:0}.plan-preview .price .supertext{position:absolute;left:50%;transform:translate(-50%);top:-10px;font-family:main-font,sans-serif;font-weight:700;font-size:11px}.plan-preview .price .subtext,.plan-preview .price .per-month{font-family:main-font,sans-serif;font-weight:500;font-size:11px;text-align:center;opacity:70%}.plan-preview .price .subtext.big,.plan-preview .price .per-month.big{font-size:14px}.plan-preview .plan-current-check{height:52px}.plan-preview ul{padding:0;width:100%;gap:10px;display:flex;flex-direction:column;margin-top:30px}.plan-preview ul li{list-style-type:none;display:flex;align-items:center;font-family:main-font,sans-serif;font-weight:500;font-size:13px;color:#fffc}.plan-preview ul li .icon{display:inline-flex;justify-content:center;width:42px;flex-shrink:0}
