#paywall-banner{background:#fff;width:100%;position:fixed;bottom:0;left:0;border-top:1px solid var(--light-gray);overflow:hidden;z-index:1;box-shadow:5px 5px 5px 3px}html:not(.light) #paywall-banner{background:#212225}#paywall-drawer{background:var(--color-panel-solid);overflow:hidden;position:relative;top:540px;left:0;width:100%;transition:top .3s;border-top:1px solid var(--light-gray);z-index:8;justify-content:center}#paywall-backdrop-filter{position:fixed!important;overflow:auto;bottom:0;left:0;width:100%;height:100vh;z-index:8}#paywall-backdrop-filter.present{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:100vh}#paywall-drawer-desc{position:relative}#paywall-close-button{position:absolute;top:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}@keyframes staggerAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-in forwards}.fade-in-delay{animation:fadeIn .8s ease-in .2s forwards;opacity:0;animation-fill-mode:forwards}.fade-in-delay-2{animation:fadeIn 1s ease-in .4s forwards;opacity:0;animation-fill-mode:forwards}.slide-down{animation:slideDown .5s ease-out forwards}.slide-up{animation:slideUp .7s ease-out forwards}.pulse{animation:pulse 3s infinite ease-in-out}.bounce{animation:bounce .6s ease-out forwards}.rotate-on-hover:hover{transform:rotate(90deg);transition:transform .3s ease}.gradient-text{background:linear-gradient(90deg,#0070f3,#00c48f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.shine-button{position:relative;overflow:hidden;transition:transform .3s ease}.shine-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.shine-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg);animation:shimmer 4s infinite}.account-link{color:var(--gray);transition:color .3s ease}.account-link:hover{color:var(--blue-4);text-decoration:underline}.feature-box{border:1px solid var(--light-gray);border-radius:var(--radius-md);transition:transform .3s ease,box-shadow .3s ease;height:100%;box-shadow:0 2px 4px #0000000d;overflow:hidden}.feature-box:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a;border-color:var(--blue-2)}.staggered-grid>div{animation:staggerAppear .5s ease-out forwards;opacity:0}.staggered-grid>div:nth-child(1){animation-delay:.1s}.staggered-grid>div:nth-child(2){animation-delay:.2s}.staggered-grid>div:nth-child(3){animation-delay:.3s}.staggered-grid>div:nth-child(4){animation-delay:.4s}.staggered-grid>div:nth-child(5){animation-delay:.5s}.staggered-grid>div:nth-child(6){animation-delay:.6s}.staggered-grid>div:nth-child(7){animation-delay:.7s}.staggered-grid>div:nth-child(8){animation-delay:.8s}.staggered-grid>div:nth-child(9){animation-delay:.9s}.staggered-grid>div:nth-child(10){animation-delay:1s}.check-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#00c48f!important;margin-right:10px;flex-shrink:0}