.workshop-banner{position:fixed;top:0;left:0;right:0;z-index:300;background:linear-gradient(135deg,#53019E 10%,#EC4899 90%,#FF9D00AC);color:white;padding:18px 32px;box-shadow:0 4px 20px rgba(93,0,170,.3);transition:all .5s cubic-bezier(.4,0,.2,1);transform-origin:bottom right}.workshop-banner-content{max-width:1024px;margin:0 auto;justify-content:space-between;gap:24px}.workshop-banner-content,.workshop-banner-text{display:flex;align-items:center;transition:all .5s cubic-bezier(.4,0,.2,1)}.workshop-banner-text{gap:16px;flex-wrap:wrap}.workshop-badge{font-size:11px;letter-spacing:.15em;text-transform:uppercase;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);padding:6px 14px;border-radius:9999px}.workshop-badge,.workshop-title{font-weight:700;white-space:nowrap;transition:all .5s cubic-bezier(.4,0,.2,1)}.workshop-title{font-size:20px;letter-spacing:-.02em}.workshop-subtitle{font-size:15px;font-weight:500;opacity:.95;transition:all .5s cubic-bezier(.4,0,.2,1)}.workshop-banner-actions{display:flex;align-items:center;gap:12px;transition:all .5s cubic-bezier(.4,0,.2,1)}.workshop-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-size:15px;font-weight:600;color:var(--purple,#5D00AA);background:white;border:none;border-radius:9999px;cursor:pointer;transition:all .25s ease;text-decoration:none;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.15)}.workshop-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2);color:var(--purple,#5D00AA)}.workshop-close-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:white;font-size:18px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}.workshop-close-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.5)}.workshop-banner.scrolled{top:auto;bottom:24px;left:auto;right:24px;width:auto;max-width:420px;padding:16px 20px;border-radius:16px;box-shadow:0 12px 40px rgba(93,0,170,.35)}.workshop-banner.scrolled .workshop-banner-content{flex-direction:column;align-items:flex-start;gap:14px}.workshop-banner.scrolled .workshop-banner-text{flex-direction:column;align-items:flex-start;gap:8px}.workshop-banner.scrolled .workshop-badge{font-size:9px;padding:5px 11px}.workshop-banner.scrolled .workshop-title{font-size:16px}.workshop-banner.scrolled .workshop-subtitle{font-size:13px}.workshop-banner.scrolled .workshop-banner-actions{width:100%;justify-content:space-between}.workshop-banner.scrolled .workshop-cta-btn{padding:10px 22px;font-size:14px;flex:1 1}.workshop-banner.scrolled .workshop-close-btn{width:28px;height:28px;font-size:16px}@media (max-width:768px){.workshop-banner{padding:16px 20px}.workshop-banner-content{flex-direction:column;align-items:flex-start;gap:14px}.workshop-banner-text{flex-direction:column;align-items:flex-start;gap:8px}.workshop-title{font-size:17px}.workshop-subtitle{font-size:13px}.workshop-banner-actions{width:100%;justify-content:space-between}.workshop-cta-btn{flex:1 1;padding:10px 20px;font-size:13px}.workshop-banner.scrolled{max-width:calc(100vw - 32px);right:16px;bottom:16px}.workshop-banner.scrolled .workshop-title{font-size:14px}.workshop-banner.scrolled .workshop-subtitle{font-size:12px}.workshop-banner.scrolled .workshop-cta-btn{font-size:12px;padding:9px 18px}}.workshop-banner.scrolled{animation:wbIn .5s cubic-bezier(.16,1,.3,1)}@keyframes wbIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.workshop-banner.scrolled{animation:none}}