.page-container{height:100vh;height:100dvh;display:flex;flex-direction:column;background:transparent}.page-header{padding:8px 16px;background:rgba(0,174,187,.05);border-bottom:1px solid rgba(0,174,187,.1);z-index:10}.header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:12px}.header-brand-text{font-size:12px;color:var(--text-muted);line-height:1.4}.header-brand-text strong{color:var(--primary);font-weight:700}.header-share-button{flex-shrink:0;padding:5px 14px;font-size:12px;font-weight:600;color:#ffffff;background:var(--accent);border:none;border-radius:9999px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.header-share-button:hover{background:var(--accent-dark);box-shadow:var(--shadow-glow)}.header-share-button:active{transform:scale(.96)}.promo-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:100;animation:promoFadeIn .3s ease-out}@keyframes promoFadeIn{0%{opacity:0}to{opacity:1}}.promo-banner{position:fixed;bottom:0;left:0;right:0;background:#ffffff;border-radius:20px 20px 0 0;padding:24px 20px max(24px,env(safe-area-inset-bottom));z-index:101;box-shadow:0 -4px 24px rgba(0,0,0,.12);animation:promoBannerSlideUp .4s cubic-bezier(.16,1,.3,1);text-align:center}@keyframes promoBannerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.promo-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:20px;color:var(--text-muted);cursor:pointer;padding:4px;line-height:1}.promo-title{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.promo-subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:20px;line-height:1.4}.promo-cta{display:block;width:100%;padding:14px;background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);color:#ffffff;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px rgba(0,174,187,.3)}.promo-cta:active{transform:scale(.98)}.promo-dismiss{display:inline-block;margin-top:14px;font-size:13px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px 8px}.page-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px}.page-loading-spinner{width:16px;height:16px;border-radius:50%;background:var(--accent);animation:pageBreathe 2s ease-in-out infinite}.page-loading-text{font-size:14px;color:var(--text-secondary);animation:pageFadeInOut 2s ease-in-out infinite}@keyframes pageBreathe{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.8);opacity:1}}@keyframes pageFadeInOut{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.page-loading-spinner{animation:none;opacity:.7}.page-loading-text{animation:none;opacity:.8}.promo-banner,.promo-overlay{animation:none}}.page-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:32px 24px;text-align:center}.page-error-icon{font-size:48px;margin-bottom:16px;opacity:.6}.page-error-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.page-error-detail{font-size:13px;color:var(--text-muted);line-height:1.5}