/* Mission Page Styles (copied to Public/styles) */

* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background:#f7f9fc; color:#1a1d23; line-height:1.5; min-height:100vh; }
:root { --bg-color:#f7f9fc; --card-bg:#ffffff; --text-primary:#1a1d23; --text-secondary:#64748b; --accent-lavender:#a594f9; --accent-sky:#73c2fb; --accent-teal:#90e0ef; --border-color:#f1f5f9; --radius-lg:24px; --radius-md:16px; --shadow-sm:0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -1px rgba(0,0,0,0.03); }

.mobile-top-bar { display:none; position:fixed; top:0; left:0; right:0; height:60px; background:white; border-bottom:1px solid #e2e8f0; align-items:center; justify-content:space-between; padding:0 16px; z-index:1000; }
.back-btn-top { width:40px; height:40px; border:none; background:#f1f5f9; border-radius:12px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.2s; }
.back-btn-top:hover { background:#e2e8f0; }
.mobile-logo { display:flex; align-items:center; gap:8px; font-weight:600; font-size:1.1rem; }

.main-content { margin-left:0; padding-top:20px; padding-bottom:100px; transition: padding-top 0.3s ease; max-width:1200px; }
body.public-page .main-content { padding-bottom:100px !important; }
.sidebar-nav.minimized ~ .main-content { margin-left:80px; }

.about-main { padding:20px; max-width:900px; margin:0 auto; }
.ig-card { background:var(--card-bg); border-radius:var(--radius-lg); padding:20px; border:1px solid var(--border-color); }
.text-xs { font-size:0.875rem; }
.text-sm { font-size:0.925rem; }
.text-muted { color:var(--text-secondary); }
.fade-in { animation: fadeIn 0.5s ease-in; }
@keyframes fadeIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }

.hero-section { text-align:center; padding:24px 20px; background:linear-gradient(135deg,#fdfcfb 0%, #e2d1c3 100%); border-radius:var(--radius-lg); margin-top:20px; }
.hero-section h1 { font-size:2.5rem !important; margin-bottom:16px !important; }
.hero-section p:first-of-type { font-size:1.1rem !important; color:var(--text-secondary) !important; margin-bottom:24px !important; }

.invitation-section { text-align:center !important; padding:60px 20px !important; }
.btn-primary { display:inline-block; padding:16px 40px; background:linear-gradient(135deg,#8b5cf6 0%, #6366f1 100%); color:white; border:none; border-radius:50px; font-size:1.1rem; font-weight:600; cursor:pointer; transition:all 0.3s ease; box-shadow:0 8px 24px rgba(139,92,246,0.35); text-decoration:none; }
.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(139,92,246,0.5); }

/* end mission styles */