*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;background:#060b14;color:#f1f5f9;-webkit-font-smoothing:antialiased}:root{--brand-primary: #5b6af0;--brand-primary-dim: rgba(91, 106, 240, .15);--brand-accent: #a78bfa;--brand-surface: #0e1523;--brand-surface-raised: #141d2e;--brand-border: rgba(255,255,255,.08);--brand-text: #f1f5f9;--brand-text-muted: #8898aa;--brand-success: #10b981;--brand-warning: #f59e0b;--brand-danger: #ef4444;--brand-radius: 16px;--brand-radius-sm: 10px}.share-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(91,106,240,.18) 0%,transparent 70%),#060b14}.share-card{width:100%;max-width:480px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);overflow:hidden;box-shadow:0 24px 64px #00000080}.share-card__hero{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--brand-surface-raised)}.share-card__hero img{width:100%;height:100%;object-fit:cover;display:block}.share-card__hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,11,20,.85) 0%,transparent 60%)}.share-card__hero-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--brand-surface-raised) 0%,#0a1020 100%);display:flex;align-items:center;justify-content:center}.share-card__hero-placeholder svg{opacity:.15}.share-card__body{padding:20px}.share-card__body--centered{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px;gap:16px}.share-card__badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary);background:var(--brand-primary-dim);padding:4px 10px;border-radius:100px;margin-bottom:10px}.share-card__title{font-size:20px;font-weight:700;line-height:1.3;color:var(--brand-text);margin-bottom:6px}.share-card__description{font-size:14px;color:var(--brand-text-muted);line-height:1.6;margin-bottom:16px}.share-card__meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.share-card__meta-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--brand-text-muted)}.share-card__meta-row svg{flex-shrink:0;color:var(--brand-primary)}.share-card__meta-row strong{color:var(--brand-text)}.share-card__divider{height:1px;background:var(--brand-border);margin:16px 0}.share-card__totals{background:var(--brand-surface-raised);border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);padding:14px 16px;margin-bottom:16px}.share-card__total-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--brand-text-muted);padding:3px 0}.share-card__total-row--main{font-size:16px;font-weight:700;color:var(--brand-text);padding-top:8px;margin-top:6px}.share-card__urgency{display:flex;align-items:center;gap:10px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);border-radius:var(--brand-radius-sm);padding:12px 14px;margin-bottom:16px;font-size:13px;color:var(--brand-warning)}.share-card__urgency--danger{background:#ef44441f;border-color:#ef444440;color:var(--brand-danger)}.share-card__urgency svg{flex-shrink:0}.share-card__cta{display:block;width:100%;padding:14px;background:var(--brand-primary);color:#fff;font-size:15px;font-weight:600;text-align:center;text-decoration:none;border-radius:var(--brand-radius-sm);transition:background .2s}.share-card__cta:hover{background:#4757d4}.share-card__brand{display:flex;justify-content:center;margin-top:16px}.share-card__brand img{height:80px;width:auto}.share-card__logo{width:72px;height:72px;border-radius:18px;background:var(--brand-primary);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:#fff;margin-bottom:8px}.share-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--brand-text-muted);font-size:14px}.share-loading__spinner{width:36px;height:36px;border:3px solid var(--brand-border);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}