.top-notification{position:fixed;top:0;left:0;right:0;z-index:60;background-color:#a0409d;color:#fff;padding:12px 16px;transform:translateY(-100%);transition:transform .3s ease-out;box-shadow:0 2px 10px #0000001a}.top-notification.show{transform:translateY(0)}.top-notification-content{max-width:1250px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.top-notification-message{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.notification-title{font-size:16px;font-weight:700;text-align:center;font-family:Quicksand,sans-serif;line-height:1.2}.notification-cta{background-color:#fff;color:#a0409d;padding:8px 24px;border-radius:25px;font-weight:700;font-size:14px;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:Quicksand,sans-serif;text-decoration:none;display:inline-block}.notification-cta:hover{background-color:#f0f0f0;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.notification-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:4px;transition:background-color .2s ease;color:#fff}.notification-close:hover{background-color:#fff3}.notification-close svg{color:inherit}@media (min-width: 640px){.top-notification-message{flex-direction:row;gap:16px}.notification-title{text-align:left;font-size:18px}}@media (max-width: 768px){.top-notification{padding:10px 12px}.top-notification-content{gap:12px}.notification-title{font-size:14px}.notification-cta{padding:6px 18px;font-size:13px}}.nav-container{position:relative;z-index:50}body{transition:padding-top .3s ease-out}.top-notification+*{transition:transform .3s ease-out}