@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--text:#f0e6e6;--text-h:#fff;--text-muted:#a69194;--brand-red:#ff4766;--brand-orange:#ff8e52;--brand-gradient:linear-gradient(135deg, var(--brand-red) 0%, var(--brand-orange) 100%);--bg-gradient:radial-gradient(circle at 15% 50%, #290a10, #130406 100%);--glass-bg:#1e080c80;--glass-border:#ffffff0d;--glass-shadow:0 10px 40px -10px #0009;--card-bg:#2d0f1499;--code-bg:#0006;--sans:"Outfit", system-ui, -apple-system, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.6 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;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:light){:root{--text:#2c1a1d;--text-h:#1a0b0e;--text-muted:#7b6366;--brand-red:#d92543;--brand-orange:#ff6b35;--bg-gradient:linear-gradient(135deg, snow 0%, #ffece6 100%);--glass-bg:#ffffffb3;--glass-border:#fff9;--glass-shadow:0 10px 40px -10px #d9254326;--card-bg:#ffffffd9;--code-bg:#d925430d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}body{min-height:100svh;margin:0;overflow-x:hidden}.navbar{box-sizing:border-box;z-index:1000;border-radius:100px;justify-content:space-between;align-items:center;width:calc(100% - 40px);max-width:1200px;margin:1rem auto;padding:1rem 2rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),background .3s;display:flex;position:sticky;top:1rem}.navbar-brand a{color:var(--text-h);align-items:center;gap:12px;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.navbar-logo{object-fit:cover;object-position:center 15%;border:2px solid var(--brand-red);border-radius:50%;width:40px;height:40px}.navbar-scroll-area{flex:1;justify-content:center;display:flex}.navbar-links{align-items:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.navbar-links a{color:var(--text);white-space:nowrap;font-weight:600;text-decoration:none;transition:color .2s}.navbar-links a:hover{color:var(--brand-red)}.navbar-auth{align-items:center;display:flex}.user-profile{align-items:center;gap:10px;display:flex}.user-profile img{border:2px solid var(--brand-orange);border-radius:50%;width:32px}.outline-btn{border:1px solid var(--glass-border);color:var(--text);background-color:#0000;padding:8px 16px;font-size:.9rem}.outline-btn:hover{background-color:#ffffff1a}@media (width<=768px){.navbar{border-radius:100px;flex-wrap:nowrap;gap:1rem;width:calc(100% - 16px);padding:.6rem 1rem}.navbar-hidden{transform:translateY(-150%)}.navbar-brand a span{display:none}.navbar-logo{width:35px;height:35px}.navbar-scroll-area{order:unset;scrollbar-width:none;-ms-overflow-style:none;flex:1;justify-content:flex-start;padding-bottom:0;overflow-x:auto}.navbar-scroll-area::-webkit-scrollbar{display:none}.navbar-links{gap:1.2rem}.navbar-auth .btn{padding:6px 12px;font-size:.85rem}}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:1200px;min-height:100svh;margin:0 auto;padding:0 20px;display:flex}h1,h2,h3{font-family:var(--sans);color:var(--text-h);font-weight:700}h1{letter-spacing:-.03em;margin:2rem 0;font-size:3.8rem;line-height:1.1}.gradient-text{background:var(--brand-gradient);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite bg-pan-left;display:inline-block}@keyframes bg-pan-left{0%{background-position:100%}to{background-position:0%}}@media (width<=1024px){h1{font-size:2.8rem}}@media (width<=768px){h1{font-size:2.2rem}}h2{margin:0 0 1rem;font-size:2rem}p{color:var(--text-muted);margin:0 0 1rem;font-size:1.1rem}.subtitle{max-width:600px;margin:0 auto 2rem;font-size:1.25rem;font-weight:300}code{font-family:var(--mono);background:var(--code-bg);color:var(--brand-red);border-radius:6px;padding:.2em .4em;font-size:.9em}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s}.glass-panel:hover{transform:translateY(-4px);box-shadow:0 15px 50px -10px #d9254333}.input-field{border:1px solid var(--glass-border);width:100%;color:var(--text);font-family:var(--sans);box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border-radius:12px;margin-bottom:1rem;padding:14px 20px;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--brand-red);outline:none;box-shadow:0 0 0 4px #d925431a}.btn{font-family:var(--sans);cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.btn-primary,.premium-button{background:var(--brand-gradient);color:#fff;box-shadow:0 8px 20px -6px var(--brand-red)}.btn-primary:hover,.premium-button:hover{filter:brightness(1.1);box-shadow:0 12px 25px -6px var(--brand-red);transform:translateY(-2px)}.hero{perspective:1000px;margin-top:4rem}.brand-logo{border-radius:20%;width:100%;max-width:250px;margin-bottom:2rem}.shadow-effect{filter:drop-shadow(0 15px 30px #d925434d)}#features-section{padding:2rem 0 6rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.feature-card{text-align:left;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:32px;flex-direction:column;padding:2.5rem;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px -15px #d9254314}.feature-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#fff6 0%,#fff0 100%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.feature-card:hover{border-color:var(--brand-red);transform:translateY(-8px)scale(1.02);box-shadow:0 20px 50px -10px #d9254333}.feature-card:hover:before{opacity:1}.highlight-card{background:linear-gradient(145deg, var(--card-bg), #ff6b350d);border:1px solid #ff6b354d}.highlight-card:after{content:"NEW!";background:var(--brand-gradient);color:#fff;letter-spacing:.05em;border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 4px 15px #ff6b3566}.feature-icon-wrapper{background:#d9254314;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:1.5rem;transition:transform .3s;display:flex}.feature-card:hover .feature-icon-wrapper{background:#d9254326;transform:scale(1.1)rotate(5deg)}.feature-icon{font-size:2rem}.feature-content{flex-direction:column;flex:1;display:flex}.feature-title{color:var(--text-h);margin:0 0 .8rem;font-size:1.6rem}.feature-desc{color:var(--text-muted);flex:1;margin-bottom:2rem;font-size:1rem;line-height:1.6}.feature-action{color:var(--brand-red);opacity:.8;align-items:center;font-size:.95rem;font-weight:700;transition:all .3s;display:flex;transform:translate(0)}.feature-card:hover .feature-action{opacity:1;transform:translate(5px)}@media (prefers-color-scheme:dark){.feature-card:before{background:linear-gradient(135deg,#ffffff1a 0%,#fff0 100%)}}.fat-footer{color:#fff;text-align:left;border-top:2px solid var(--brand-red);box-sizing:border-box;background-color:#000;width:calc(100% + 40px);margin-top:auto;margin-left:-20px;margin-right:-20px;padding:4rem 20px}.fat-footer-inner{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1200px;margin:0 auto;display:grid}.footer-column h3{color:#fff;margin-bottom:1.5rem;font-size:1.2rem;font-weight:700}.footer-column ul{margin:0 0 2rem;padding:0;list-style:none}.footer-column ul li{margin-bottom:.8rem}.footer-column ul a{color:#a69194;align-items:center;gap:8px;font-size:.95rem;text-decoration:none;transition:color .2s;display:flex}.footer-column ul a:hover{color:#fff;text-decoration:underline}.page-container{text-align:left;max-width:900px;margin:3rem auto}.page-subtitle{text-align:center;margin-bottom:3rem}.card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:24px;margin-bottom:2rem;padding:2.5rem;transition:transform .3s;box-shadow:0 10px 30px -15px #0000001a}.card:hover{transform:translateY(-3px)}.meta{background:#7b63661a;border-radius:100px;margin-bottom:1.5rem;padding:4px 12px;font-size:.9rem;font-weight:500;display:inline-block}.post-form{margin-bottom:3rem;padding:2rem}.timeline-feed{flex-direction:column;gap:2rem;display:flex;position:relative}.timeline-feed:before{content:"";background:linear-gradient(to bottom, var(--brand-red), transparent);opacity:.2;border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:2rem}@media (width<=768px){.timeline-feed:before{left:1rem}}.timeline-card{padding:2rem;position:relative}.timeline-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tag{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:4px 12px;font-size:.8rem;font-weight:700}.tag-youtube{color:#fff;background:red}.tag-news{color:#fff;background:#1da1f2}.tag-other{background:var(--text-muted);color:#fff}.author-date{color:var(--text-muted);font-size:.9rem}.timeline-title{margin-top:.5rem;margin-bottom:.5rem;font-size:1.5rem}.video-container{border-radius:16px;width:100%;margin:1.5rem 0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 10px 20px -5px #0003}.video-container iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.link-preview{border:1px solid var(--glass-border);color:var(--brand-red);word-break:break-all;background:#ffffff0d;border-radius:12px;margin:1rem 0;padding:1rem;text-decoration:none;transition:background .2s;display:inline-block}.link-preview:hover{background:#d925430d}.timeline-actions{border-top:1px solid var(--glass-border);align-items:center;gap:12px;margin-top:1rem;padding-top:1.5rem;display:flex}.spacer{flex:1}.btn-like{color:var(--brand-red);background:#d925431a;padding:8px 16px}.btn-like:hover{background:var(--brand-red);color:#fff}.btn-edit{color:var(--text);background:#7b63661a;padding:8px 16px}.btn-edit:hover{background:#7b636633}.btn-delete{color:#dc3545;background:#dc35451a;padding:8px 16px}.btn-delete:hover{color:#fff;background:#dc3545}.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}}