*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Poppins,sans-serif;background:#0a0a0a;color:#fffffff2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--radius: 1rem;--glass-bg: rgba(255,255,255,.06);--glass-border: rgba(255,255,255,.1);--glass-strong-bg: rgba(255,255,255,.1);--glass-strong-border: rgba(255,255,255,.15);--text-primary: rgba(255,255,255,.95);--text-secondary: rgba(255,255,255,.7);--text-muted: rgba(255,255,255,.45);--text-soft: rgba(255,255,255,.55);--cta-bg: rgba(255,255,255,.92);--cta-text: #1a1a1a;--tag-bg: rgba(255,255,255,.08);--tag-border: rgba(255,255,255,.12);--icon-color: rgba(255,255,255,.75);--divider: rgba(255,255,255,.08);--error-color: rgba(255,120,120,.85);--success-color: rgba(80,220,140,.85)}.video-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.video-bg video{width:100%;height:100%;object-fit:cover;filter:brightness(.35) saturate(0)}.video-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.04) 0%,transparent 70%),linear-gradient(180deg,#0000004d,#00000080);pointer-events:none}@layer components{.liquid-glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--glass-border);border-radius:var(--radius);transition:all .35s cubic-bezier(.25,.1,.25,1)}.liquid-glass:hover{background:#ffffff17;border-color:#ffffff29;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.liquid-glass-strong{background:var(--glass-strong-bg);backdrop-filter:blur(32px) saturate(160%);-webkit-backdrop-filter:blur(32px) saturate(160%);border:1px solid var(--glass-strong-border);border-radius:var(--radius);transition:all .35s cubic-bezier(.25,.1,.25,1)}.liquid-glass-strong:hover{background:#ffffff24;border-color:#ffffff38;transform:translateY(-2px);box-shadow:0 12px 40px #00000059}}.interactive{transition:transform .2s cubic-bezier(.25,.1,.25,1)}.interactive:hover{transform:scale(1.05)}.interactive:active{transform:scale(.95)}.icon-circle{width:32px;height:32px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}#app{width:100%;height:100%;min-height:0}.page-root{position:relative;width:100%;height:100%;min-height:0;overflow:hidden}.main-container{position:relative;z-index:10;width:100%;height:100%;display:flex;max-width:1440px;margin:0 auto;padding:2rem 3rem;gap:3rem;min-height:0}.left-panel{flex:0 0 55%;display:flex;flex-direction:column;justify-content:center;gap:2rem;overflow-y:auto;padding:2rem 1.5rem 2rem 0;min-height:0}.left-panel::-webkit-scrollbar{width:4px}.left-panel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.right-panel{flex:0 0 48%;display:flex;flex-direction:column;gap:1rem;justify-content:center;overflow-y:auto;padding-left:.5rem;min-height:0}.right-panel::-webkit-scrollbar{width:4px}.right-panel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.logo-area{display:flex;align-items:center;gap:.65rem}.logo-icon{width:38px;height:38px;background:var(--cta-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--cta-text);flex-shrink:0}.logo-text{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.headline{font-weight:500;line-height:1.2;letter-spacing:-.025em;color:var(--text-primary)}.headline i,.headline em{font-family:"Source Serif 4",serif;font-weight:400;font-style:italic;color:#fffc}.tags-row{display:flex;flex-wrap:wrap;gap:.6rem}.tag-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.82rem;font-weight:500;color:var(--text-secondary);background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:9999px;transition:all .3s ease;cursor:default}.tag-pill:hover{background:#ffffff24;border-color:#fff3;color:var(--text-primary);transform:scale(1.04)}.tag-pill svg,.tag-pill i{width:15px;height:15px;color:var(--icon-color);flex-shrink:0}.cta-button{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 2rem;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;color:var(--cta-text);background:var(--cta-bg);border:none;border-radius:9999px;cursor:pointer;transition:all .3s cubic-bezier(.25,.1,.25,1);width:fit-content;letter-spacing:-.01em}.cta-button:hover{background:#fff;transform:scale(1.05);box-shadow:0 6px 28px #ffffff40}.cta-button:active{transform:scale(.97)}.cta-button svg{width:18px;height:18px;transition:transform .3s ease}.cta-button:hover svg{transform:translate(3px)}.quote-area{padding-left:.75rem;border-left:2px solid rgba(255,255,255,.2)}.quote-text{font-family:"Source Serif 4",serif;font-size:.95rem;font-style:italic;font-weight:400;color:var(--text-muted);line-height:1.5}.quote-author{margin-top:.35rem;font-size:.78rem;font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.social-bar{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:center;gap:1.25rem;padding:1rem 2rem;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.5) 100%);pointer-events:none}.social-bar>*{pointer-events:auto}.social-icon{width:38px;height:38px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.25,.1,.25,1)}.social-icon:hover{background:#ffffff24;border-color:#fff3;color:#fff;transform:scale(1.12)}.social-icon:active{transform:scale(.94)}.social-icon svg{width:17px;height:17px}.community-card{padding:1.35rem 1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer}.community-avatar-group{display:flex;align-items:center}.community-avatar-group .av{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1f;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.7rem;color:var(--text-secondary);margin-right:-10px;transition:transform .3s ease}.community-card:hover .av{transform:translateY(-2px)}.community-card .av:last-child{margin-right:0}.community-info h4{font-size:.92rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.community-info p{font-size:.76rem;color:var(--text-muted);margin-top:.15rem}.community-arrow{margin-left:auto;color:var(--text-muted);transition:transform .3s ease}.community-card:hover .community-arrow{transform:translate(3px);color:var(--text-primary)}.feature-card{padding:1.2rem 1.25rem;cursor:pointer;display:flex;flex-direction:column;gap:.6rem}.feature-card.wide{flex-direction:row;align-items:center;gap:1rem;padding:1.1rem 1.25rem}.feature-icon{width:42px;height:42px;border-radius:12px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:var(--icon-color);transition:all .35s ease;flex-shrink:0}.feature-card:hover .feature-icon{background:#ffffff2e;color:#fff;transform:scale(1.08)}.feature-card h4{font-size:.88rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.feature-card p{font-size:.74rem;color:var(--text-muted);line-height:1.45}.feature-card.wide .feature-text{flex:1}.glass-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:500;color:var(--text-secondary);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:9999px;cursor:pointer;transition:all .3s ease}.glass-pill:hover{background:#ffffff24;border-color:#fff3;color:#fff;transform:scale(1.05)}.glass-pill:active{transform:scale(.95)}.glass-input{width:100%;padding:.75rem 1rem;font-family:Poppins,sans-serif;font-size:.88rem;color:#fff;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:.75rem;outline:none;transition:all .3s ease}.glass-input::placeholder{color:#ffffff4d}.glass-input:focus{background:#ffffff1c;border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0d}.progress-bar{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.progress-bar .fill{height:100%;border-radius:3px;background:#fff9;transition:width .6s ease}.toast{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:100;padding:.75rem 1.5rem;border-radius:.75rem;font-size:.85rem;font-weight:500;color:#fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .4s cubic-bezier(.25,.1,.25,1)}.toast.success{background:#50dc8c26;border:1px solid rgba(80,220,140,.3)}.toast.info{background:#96b4ff26;border:1px solid rgba(150,180,255,.3)}.toast.error{background:#ff6e6e26;border:1px solid rgba(255,110,110,.32)}@media(max-width:1024px){.main-container{padding:1.5rem;gap:2rem}}@media(max-width:768px){.right-panel{display:none}.left-panel{flex:1;align-items:center;text-align:center;gap:1.35rem;padding-right:0}.main-container{padding:1.25rem}.quote-area{border-left:none;padding-left:0;text-align:center}.tags-row{justify-content:center}.headline{max-width:100%}}