.popup-overlay{animation:fadeIn .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.6);bottom:0;display:none;left:0;overflow:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-overlay .popup-container{animation:popupSlideIn .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.2);overflow:hidden}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-overlay .popup-header{background:linear-gradient(135deg,#267741,#023a13);border-bottom:none;color:#fff;padding:24px 28px}.popup-overlay .popup-title{color:#fff;font-size:22px;font-weight:600;margin:0;padding:0}.popup-overlay .popup-close{align-items:center;background:hsla(0,0%,100%,.2);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:32px;justify-content:center;position:absolute;right:16px;top:20px;transition:all .2s ease;width:32px}.popup-overlay .popup-close:hover{background:hsla(0,0%,100%,.3);transform:rotate(90deg)}.popup-overlay .popup-content{color:#2d3748;padding:32px 28px}.views-page{align-items:center;background:radial-gradient(760px 520px at 50% 0,hsla(0,0%,100%,.07),transparent 60%),radial-gradient(620px 460px at 50% 100%,hsla(0,0%,100%,.04),transparent 62%);box-sizing:border-box;display:flex;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px 72px}.views-shell{max-width:520px;width:100%}.views-head{margin-bottom:44px;text-align:center}.views-logo{color:#f2f3f6;margin-bottom:22px}.views-title{color:#f2f3f6;font-size:25px;font-weight:600;letter-spacing:-.01em;line-height:1.25;margin:0 0 18px}.views-list{display:flex;flex-direction:column;gap:12px}.views-card{--tone:#7c8697;--tone-soft:rgba(124,134,151,.16);align-items:center;background:hsla(0,0%,100%,.035);border:1px solid hsla(0,0%,100%,.09);border-radius:14px;cursor:pointer;display:flex;gap:16px;padding:17px 18px;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.views-card:hover{background:hsla(0,0%,100%,.06);border-color:var(--tone);box-shadow:0 12px 28px rgba(0,0,0,.4),0 0 0 1px var(--tone-soft);transform:translateY(-2px)}.views-card:active{transform:translateY(0)}.views-card:focus-visible{outline:2px solid var(--tone);outline-offset:3px}.views-card-icon{align-items:center;background:var(--tone-soft);border-radius:12px;color:var(--tone);display:flex;flex:0 0 auto;height:44px;justify-content:center;width:44px}.views-card-icon svg{height:22px;width:22px}.views-card-text{display:flex;flex-direction:column;gap:3px;min-width:0}.views-card-name{color:#f2f3f6;font-size:15.5px;font-weight:600}.views-card-desc{color:rgba(242,243,246,.5);font-size:13px;line-height:1.4}.views-card-go{align-items:center;color:rgba(242,243,246,.3);display:flex;flex:0 0 auto;margin-left:auto;transition:transform .18s ease,color .18s ease}.views-card-go svg{height:18px;width:18px}.views-card:hover .views-card-go{color:var(--tone);transform:translateX(3px)}.views-card--gateway{--tone:#c4a5fd;--tone-soft:rgba(196,165,253,.14)}.views-card--workflow{--tone:#5eead4;--tone-soft:rgba(94,234,212,.14)}@media (max-width:480px){.views-page{padding:28px 14px 68px}.views-logo{margin-bottom:16px}.views-title{font-size:21px}.views-card{gap:13px;padding:14px 15px}.views-card-desc{display:none}}@media (prefers-reduced-motion:reduce){.views-card,.views-card-go{transition:none}.views-card:hover,.views-card:hover .views-card-go{transform:none}}