.demo-banner{z-index:1000;color:#21c45d;background:#19261c;border-bottom:1px solid #21c45d33;padding:12px 20px;animation:.3s ease-out slideDown;position:sticky;top:0}.demo-banner__content{justify-content:center;align-items:center;gap:12px;max-width:1400px;margin:0 auto;display:flex}.demo-banner__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.demo-banner__icon svg{animation:2s ease-in-out infinite pulse}.demo-banner__text{color:#21c45d;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.demo-banner__text strong{color:#21c45d;font-weight:600}.demo-banner__separator{opacity:.7;color:#21c45d;font-size:12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.demo-banner{padding:10px 16px}.demo-banner__text{text-align:center;font-size:13px}.demo-banner__separator{display:none}}
.demo-login-notice{z-index:9999;width:calc(100% - 40px);max-width:500px;animation:.3s ease-out slideUp;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.demo-login-notice__content{color:#21c45d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#19261c;border:1px solid #21c45d33;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 4px 12px #0000001a}.demo-login-notice__icon{flex-shrink:0;animation:2s ease-in-out infinite pulse}.demo-login-notice__text{font-size:14px;line-height:1.5}.demo-login-notice__text strong{font-weight:600}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.demo-login-notice{width:calc(100% - 20px);bottom:10px}.demo-login-notice__content{padding:10px 12px}.demo-login-notice__text{font-size:13px}}