.portal-app{min-height:100vh;background:#f5f8f2}.portal-top{display:flex;gap:13px;align-items:center;background:#fff;padding:15px 5%;border-bottom:3px solid #8bb42d}.portal-top img{width:65px;height:65px;object-fit:contain}.portal-top b{flex:1;color:#172d61}.portal-nav{display:flex;gap:8px;padding:14px 5%;overflow:auto;background:#fff}.portal-nav button{border:0;background:#eef2fb;border-radius:20px;padding:10px 16px;color:#172d61;font-weight:bold;white-space:nowrap}.portal-nav .selected{background:#172d61;color:white}.portal-main{max-width:1150px;padding:25px;margin:auto}.portal-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;border-radius:23px;padding:30px;background:linear-gradient(115deg,#fff,#fff3df);margin-bottom:20px}.portal-hero>div:first-child{flex:1}.portal-donut{flex:0 0 170px;width:170px;height:170px;border-radius:50%;background:conic-gradient(#8bb42d var(--progress),#e1e8dc 0);position:relative;display:grid;place-items:center}.portal-donut:before{content:'';position:absolute;inset:17px;border-radius:50%;background:#fff}.portal-donut b{position:relative;font-size:23px;color:#172d61}.portal-cycle{max-width:330px;margin-bottom:20px}.portal-demo{background:#fff1d8;border:1px solid #fb8c04;border-radius:10px;padding:12px}.portal-app .outline{display:inline-flex;margin:5px 0;text-decoration:none}.portal-app .v3-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media(max-width:650px){.portal-main{padding:18px 13px}.portal-top{padding:12px}.portal-top img{width:45px;height:45px}.portal-top .outline{font-size:12px;padding:8px}.portal-hero{flex-direction:column;padding:22px}.portal-nav{padding:10px 12px}.portal-app .v3-fields{grid-template-columns:1fr}}