@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--text:#2a1518;--text-h:#8c1c2f;--text-muted:#6b5558;--brand-red:#b02e40;--brand-orange:#f3811f;--bg-gradient:linear-gradient(135deg, #fef4f5 0%, #fff0e5 100%);--glass-bg:#fff9;--glass-border:#fff6;--glass-shadow:0 8px 32px 0 #b02e4014;--code-bg:#ffffff80;--sans:"Outfit", system-ui, -apple-system, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.6 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg-gradient);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed}@media (prefers-color-scheme:dark){:root{--text:#f5eaea;--text-h:#f9c2c9;--text-muted:#b8a0a4;--bg-gradient:linear-gradient(135deg, #1f080b 0%, #2a1005 100%);--glass-bg:#280f1480;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0006;--code-bg:#0000004d}}body{min-height:100svh;margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:1200px;min-height:100svh;margin:0 auto;display:flex}h1,h2,h3{font-family:var(--sans);color:var(--text-h);font-weight:600}h1{letter-spacing:-.02em;background:linear-gradient(135deg, var(--brand-red), var(--brand-orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:2rem 0;font-size:3.5rem}@media (width<=1024px){h1{font-size:2.5rem}}h2{margin:0 0 1rem;font-size:1.8rem}p{color:var(--text-muted);margin:0 0 1rem}code{font-family:var(--mono);background:var(--code-bg);color:var(--brand-red);border-radius:6px;padding:.2em .4em;font-size:.9em}.navbar{-webkit-backdrop-filter:blur(16px);z-index:100;background:#b02e40d9;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #0000001a}.navbar-brand a{align-items:center;gap:12px;font-size:1.5rem;font-weight:700;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;color:#fff!important}.navbar-brand a:hover{transform:scale(1.05)}.navbar-links{gap:2rem;margin:0;list-style:none;display:flex}.navbar-links a{color:#ffffffd9;border-radius:8px;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .3s}.navbar-links a:hover{color:#fff;background:#ffffff26}.login-button{background:linear-gradient(135deg, var(--brand-orange), #ff9a44);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:.6rem 1.5rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #f3811f4d}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f3811f66}.page-container{flex-grow:1;max-width:1000px;margin:0 auto;padding:3rem 2rem}.post-form{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;flex-direction:column;gap:1.2rem;margin:2rem 0;padding:2rem;animation:.5s ease-out slideIn;display:flex}.post-form input,.post-form textarea{color:var(--text);font-family:var(--sans);background:#ffffff80;border:1px solid #b02e4033;border-radius:8px;padding:1rem;transition:all .3s}@media (prefers-color-scheme:dark){.post-form input,.post-form textarea{background:#0003;border:1px solid #ffffff1a}}.post-form input:focus,.post-form textarea:focus{border-color:var(--brand-red);background:var(--glass-bg);outline:none;box-shadow:0 0 0 3px #b02e4033}.post-form button{background:linear-gradient(135deg, var(--brand-red), #d13a52);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .3s}.post-form button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #b02e404d}.list-container{gap:2rem;margin-top:3rem;display:grid}.card{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);text-align:left;box-shadow:var(--glass-shadow);border-radius:16px;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--brand-red), var(--brand-orange));opacity:0;height:4px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.card:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 20px 40px #b02e4026}.card:hover:before{opacity:1}.card h2{color:var(--brand-red);margin-top:0}.card .meta{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:1.5rem;font-size:.95rem;font-weight:500;display:flex}.card .content{color:var(--text);font-size:1.05rem;line-height:1.8}.link-button{background:linear-gradient(135deg, var(--brand-orange), #ff9a44);border-radius:25px;justify-content:center;align-items:center;padding:.8rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #f3811f4d;color:#fff!important}.link-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #f3811f66}.brand-logo{object-fit:cover;object-position:center 15%;border:4px solid var(--glass-border);border-radius:50%;width:180px;height:180px;margin:0 auto;transition:all .6s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 15px 35px #b02e4040}.brand-logo:hover{transform:rotate(-8deg)scale(1.08);box-shadow:0 20px 45px #b02e404d}#center{flex-direction:column;place-content:center;place-items:center;gap:2rem;padding:5rem 2rem;animation:1s ease-out fadeIn;display:flex}#next-steps{background:0 0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;padding:4rem 2rem;display:grid}.member-nav-links{flex-direction:column;gap:1.2rem;margin-top:2rem;padding:0;list-style:none;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.navbar-links{flex-flow:wrap;justify-content:center;gap:.8rem;width:100%}.navbar-links a{padding:.4rem .8rem;font-size:.9rem}.page-container,.post-form,.card{padding:1.5rem 1rem}.card .meta{flex-direction:column;align-items:flex-start;gap:4px}#center{padding:3rem 1rem}#next-steps{grid-template-columns:1fr;padding:2rem 1rem}}
