body{margin:0;min-width:320px;min-height:100vh}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.trial-expired-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;padding:40px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;z-index:1001;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%,-40%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;padding:8px;cursor:pointer;color:#666;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f5f5f5;color:#333}.modal-icon{display:flex;justify-content:center;margin-bottom:24px;color:#f5576c}.trial-expired-modal h2{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 16px;text-align:center}.modal-description{font-size:16px;color:#666;line-height:1.6;text-align:center;margin:0 0 32px}.modal-benefits{background:linear-gradient(135deg,#f8f9ff,#fff5f7);border-radius:12px;padding:24px;margin-bottom:32px}.modal-benefits h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.modal-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.modal-benefits li{font-size:15px;color:#333;display:flex;align-items:center}.modal-actions{display:flex;flex-direction:column;gap:12px}.modal-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 28px;border-radius:8px;font-weight:600;font-size:16px;text-decoration:none;text-align:center;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.modal-cta:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.modal-actions .btn-secondary{background:#fff;color:#666;border:2px solid #e0e0e0;padding:12px 28px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s}.modal-actions .btn-secondary:hover{border-color:#ccc;color:#333;background:#f9f9f9}@media(max-width:768px){.trial-expired-modal{padding:32px 24px}.trial-expired-modal h2{font-size:24px}.modal-description{font-size:15px}.modal-benefits{padding:20px}.modal-benefits h3{font-size:15px}.modal-benefits li{font-size:14px}}.trial-banner{position:sticky;top:0;z-index:100;padding:12px 20px;border-bottom:1px solid rgba(0,0,0,.1);animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.trial-banner.info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.trial-banner.warning{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.trial-banner.urgent{background:linear-gradient(135deg,#fa709a,#fee140);color:#1a1a1a}.trial-banner.expired{background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:#fff}.trial-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px}.trial-banner-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.trial-banner-text{flex:1;display:flex;flex-direction:column;gap:2px}.trial-banner-text strong{font-size:15px;font-weight:600}.trial-banner-text span{font-size:13px;opacity:.9}.trial-banner-cta{flex-shrink:0;padding:8px 20px;background:#fffffff2;border-radius:6px;font-weight:600;font-size:14px;transition:all .2s;display:inline-flex;align-items:center;gap:8px;text-decoration:none;box-shadow:0 2px 8px #0000001a;white-space:nowrap}.trial-banner.info .trial-banner-cta{color:#667eea}.trial-banner.warning .trial-banner-cta{color:#f5576c}.trial-banner.urgent .trial-banner-cta,.trial-banner.expired .trial-banner-cta{color:#c92a2a}.trial-banner-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.trial-banner-dismiss{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;opacity:.7;transition:opacity .2s;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-left:4px}.trial-banner.info .trial-banner-dismiss,.trial-banner.warning .trial-banner-dismiss,.trial-banner.expired .trial-banner-dismiss{color:#fff}.trial-banner.urgent .trial-banner-dismiss{color:#1a1a1a}.trial-banner-dismiss:hover{opacity:1;background:#ffffff26}@media(max-width:768px){.trial-banner{position:relative;padding:14px 16px 12px}.trial-banner-content{flex-direction:column;align-items:stretch;gap:10px}.trial-banner-icon{display:none}.trial-banner-text{text-align:center;padding-right:24px}.trial-banner-text strong{font-size:14px}.trial-banner-text span{font-size:12px}.trial-banner-cta{align-self:center;padding:8px 20px;font-size:13px}.trial-banner-dismiss{position:absolute;top:8px;right:8px;margin-left:0;padding:4px;z-index:1}}