/* Made by Federico Dionisi for GetMyPage */
/* © 2026 – All rights reserved. */
.homepage:not(.home-preview) .mobile-aside{position:absolute;inset:calc(100% + 12px) auto auto 50%;width:min(420px,calc(100vw - 40px));max-width:calc(100vw - 40px);height:auto;pointer-events:none;z-index:1200;transform:translateX(-50%);}.homepage:not(.home-preview) .mobile-aside::before{display:none;}.homepage:not(.home-preview) .mobile-panel{position:relative;left:auto;top:auto;bottom:auto;width:100%;transform:translateY(-10px) scale(.98);transform-origin:top center;opacity:0;border-radius:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 94%,transparent),color-mix(in srgb,var(--bg) 95%,#071120 5%)),var(--card);border:1px solid color-mix(in srgb,var(--brand-2) 14%,rgba(148,163,184,0.18));box-shadow:0 28px 70px rgba(3,9,23,0.26);transition:transform .24s ease,opacity .24s ease;}.homepage:not(.home-preview) .mobile-body{max-height:min(68dvh,480px);padding:18px;background:transparent;}.homepage:not(.home-preview) .mobile-links a,.homepage:not(.home-preview) .mobile-auth .btn,.homepage:not(.home-preview) .mobile-foot a{border-radius:18px;}.homepage:not(.home-preview) .mobile-links{text-align:center;}.homepage:not(.home-preview) .mobile-links a{padding:13px 14px;text-align:center;background:color-mix(in srgb,var(--card) 72%,transparent);border:1px solid color-mix(in srgb,var(--brand-2) 10%,rgba(148,163,184,0.16));}.homepage:not(.home-preview) .mobile-auth{margin-top:14px;}.homepage:not(.home-preview) .mobile-foot{padding:0 18px 18px;}.homepage:not(.home-preview) .mobile-aside.open .mobile-panel{transform:translateY(0) scale(1);opacity:1;}.homepage:not(.home-preview) #benvenuto,.homepage:not(.home-preview) .section{position:relative;overflow-x:clip;}.homepage:not(.home-preview) #benvenuto::before,.homepage:not(.home-preview) #benvenuto::after,.homepage:not(.home-preview) #features::before,.homepage:not(.home-preview) #features::after,.homepage:not(.home-preview) #piani::before,.homepage:not(.home-preview) #piani::after,.homepage:not(.home-preview) #faq::before,.homepage:not(.home-preview) #faq::after{content:"";position:absolute;border-radius:999px;pointer-events:none;z-index:0;}.homepage:not(.home-preview) #benvenuto::before,.homepage:not(.home-preview) #benvenuto::after{filter:blur(12px);}.homepage:not(.home-preview) #features::before,.homepage:not(.home-preview) #features::after,.homepage:not(.home-preview) #piani::before,.homepage:not(.home-preview) #piani::after,.homepage:not(.home-preview) #faq::before,.homepage:not(.home-preview) #faq::after{filter:blur(18px);}.homepage:not(.home-preview) #benvenuto::before{width:clamp(280px,38vw,520px);height:clamp(280px,38vw,520px);top:clamp(10px,4vw,50px);right:clamp(-80px,-4vw,-10px);background:color-mix(in srgb,var(--brand-2) 26%,transparent);opacity:.5;}.homepage:not(.home-preview) #benvenuto::after{width:clamp(240px,28vw,380px);height:clamp(240px,28vw,380px);left:clamp(-80px,-4vw,-20px);bottom:clamp(20px,4vw,80px);background:color-mix(in srgb,var(--brand) 20%,transparent);opacity:.42;}.homepage:not(.home-preview) .section > .container{position:relative;z-index:1;}.homepage:not(.home-preview) #features::before{width:clamp(280px,32vw,460px);height:clamp(280px,32vw,460px);top:110px;left:clamp(-140px,-12vw,-60px);background:color-mix(in srgb,var(--brand) 16%,transparent);opacity:.34;}.homepage:not(.home-preview) #features::after{width:clamp(260px,30vw,420px);height:clamp(260px,30vw,420px);right:clamp(-130px,-10vw,-50px);bottom:40px;background:color-mix(in srgb,var(--brand-2) 18%,transparent);opacity:.3;}.homepage:not(.home-preview) #piani::before{width:clamp(300px,34vw,500px);height:clamp(300px,34vw,500px);top:90px;right:clamp(-160px,-12vw,-70px);background:color-mix(in srgb,var(--brand-2) 18%,transparent);opacity:.36;}.homepage:not(.home-preview) #piani::after{width:clamp(240px,28vw,390px);height:clamp(240px,28vw,390px);left:clamp(-100px,-8vw,-40px);bottom:120px;background:color-mix(in srgb,var(--brand) 14%,transparent);opacity:.28;}.homepage:not(.home-preview) #faq::before{width:clamp(280px,30vw,450px);height:clamp(280px,30vw,450px);top:40px;left:4%;background:color-mix(in srgb,var(--brand-2) 16%,transparent);opacity:.26;}.homepage:not(.home-preview) #faq::after{width:clamp(240px,28vw,380px);height:clamp(240px,28vw,380px);right:clamp(-110px,-8vw,-30px);bottom:0;background:color-mix(in srgb,var(--brand) 16%,transparent);opacity:.28;}
