@import "https://fonts.googleapis.com/css2?family=Outfit:wght@600;700;800&display=swap";.react-site-nav{z-index:100;-webkit-backdrop-filter:blur(28px);background:#04071ce0;border:1px solid #4361ee38;border-radius:24px;justify-content:space-between;align-items:center;width:min(1200px,100% - 28px);margin:16px auto 0;padding:12px 22px;font-family:Inter,system-ui,sans-serif;transition:border-color .3s,box-shadow .3s;display:flex;position:sticky;top:0;box-shadow:0 8px 40px #02041499,inset 0 1px #4361ee1f}.react-site-nav:hover{border-color:#5b7bff59;box-shadow:0 8px 48px #020414b3,0 0 0 1px #4361ee26,inset 0 1px #4361ee29}.nav-brand-link{border-right:1px solid #4361ee2e;flex-shrink:0;align-items:center;gap:10px;padding-right:18px;text-decoration:none;transition:opacity .2s;display:flex}.nav-brand-link:hover{opacity:.85}.nav-logo{object-fit:contain;filter:drop-shadow(0 0 10px #4361ee73);width:auto;height:clamp(32px,3.5vw,42px)}.nav-brand-text{letter-spacing:.05em;background:linear-gradient(135deg,#fff 0%,#8aa9ff 45%,#4361ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,Inter,sans-serif;font-size:clamp(.95rem,1.2vw,1.15rem);font-weight:800}.mobile-menu-btn{color:#8aa9ff;cursor:pointer;z-index:101;background:0 0;border:1px solid #4361ee59;border-radius:10px;padding:8px;transition:background .2s,border-color .2s;display:none}.mobile-menu-btn:hover{background:#4361ee24;border-color:#5b7bff8c}.nav-links-container{flex:1;justify-content:space-between;align-items:center;padding-left:16px;display:flex}.nav-primary,.nav-auth{align-items:center;gap:4px;display:flex}.nav-link{color:#c8daffbf;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.nav-link svg{opacity:.75;flex-shrink:0}.nav-link:hover{color:#8aa9ff;background:#4361ee24;border-color:#5b7bff4d}.nav-link:hover svg{opacity:1}.nav-link.highlight{color:#fff;background:linear-gradient(135deg,#3b5bdb 0%,#4361ee 50%,#5b7bff 100%);border-color:#5b7bff8c;box-shadow:0 4px 18px #4361ee66}.nav-link.highlight svg{opacity:1}.nav-link.highlight:hover{color:#fff;background:linear-gradient(135deg,#4f6ef7 0%,#5b7bff 50%,#7090ff 100%);border-color:#5b7bffbf;transform:translateY(-1px);box-shadow:0 6px 26px #5b7bff8c}.nav-user-menu{border-left:1px solid #4361ee2e;align-items:center;gap:14px;padding-left:14px;display:flex}.user-greeting{color:#c8daffb3;align-items:center;gap:6px;font-size:13px;display:inline-flex}.user-greeting strong{color:#8aa9ff}.logout-form{margin:0}.logout-btn{color:#fca5a5;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:none;min-height:unset;background:#ef444414;border:1px solid #ef444440;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.logout-btn:hover{color:#fee2e2;background:#ef444429;border-color:#ef444473;transform:translateY(-1px);box-shadow:0 4px 16px #ef44442e}.auth-separator{color:#4361ee40;padding:0 2px}@media (width<=860px){.mobile-menu-btn{display:flex}.react-site-nav{position:relative}.nav-links-container{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#04071cf7;border:1px solid #4361ee47;border-radius:18px;flex-direction:column;align-items:stretch;width:100%;padding:18px 18px 18px 0;transition:all .28s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-8px);box-shadow:0 24px 60px #020512b3}.nav-links-container.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-primary,.nav-auth{flex-direction:column;align-items:stretch;gap:6px;width:100%}.nav-link{border-radius:12px;justify-content:flex-start;width:100%;padding:11px 16px;font-size:13px}.nav-auth{border-top:1px solid #4361ee24;border-left:none;margin-top:14px;padding-top:14px}.nav-user-menu{border-left:none;flex-direction:column;align-items:stretch;gap:10px;width:100%;padding-left:0}.logout-btn{justify-content:center;width:100%;padding:11px 16px;font-size:13px}.auth-separator{display:none}}.notif-wrapper{align-items:center;margin-left:auto;padding-right:14px;display:flex;position:relative}.notif-btn{color:#8aa9ff;cursor:pointer;background:#4361ee14;border:1px solid #4361ee38;border-radius:12px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.notif-btn:hover{color:#baccff;background:#4361ee2e;border-color:#5b7bff66;box-shadow:0 0 16px #4361ee40}.notif-badge{color:#fff;background:linear-gradient(135deg,#4361ee,#5b7bff);border:2px solid #04071c;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 0 10px #4361ee8c}.notif-dropdown{z-index:500;background:#05091efa;border:1px solid #4361ee47;border-radius:16px;width:320px;animation:.3s fadeInDown;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 16px 48px #02051499,0 0 0 1px #4361ee1a}@media (width>=861px){.notif-dropdown{top:calc(100% - 10px);right:22px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notif-header{color:#fff;background:#4361ee14;border-bottom:1px solid #4361ee26;padding:12px 16px;font-size:14px;font-weight:700}.notif-body{max-height:360px;overflow-y:auto}.notif-item{border-bottom:1px solid #4361ee14;padding:14px 16px;text-decoration:none;transition:background .2s;display:block}.notif-item:hover{background:#4361ee12}.notif-item.unread{background:#4361ee0d;border-left:3px solid #4361ee}.notif-msg{color:#e8effe;margin-bottom:4px;font-size:13px;line-height:1.4}.notif-time{color:#7d9ac8;font-size:11px}.notif-empty{text-align:center;color:#7d9ac8;padding:24px;font-size:13px}.nav-actions-mobile{z-index:150;align-items:center;gap:10px;display:none;position:relative}@media (width<=860px){.notif-wrapper{margin-left:0;margin-right:10px;padding-right:0}.nav-actions-mobile{display:flex}.desktop-only{display:none}.mobile-only{display:flex}.notif-dropdown{z-index:999;width:auto;max-width:none;position:fixed;top:80px;left:14px;right:14px}}.pulse{animation:2s infinite pulse-border}@keyframes pulse-border{0%{box-shadow:0 0 #4361ee80}70%{box-shadow:0 0 0 8px #4361ee00}to{box-shadow:0 0 #4361ee00}}@media (width>=861px){.mobile-only{display:none}}@media (width>=1920px){.react-site-nav{border-radius:28px;margin:20px auto 0;padding:16px 32px}.nav-logo{height:52px}.nav-brand-text{font-size:1.35rem}.nav-link{padding:10px 18px;font-size:14px}.logout-btn{padding:10px 20px;font-size:14px}}.react-post-root{scroll-margin-top:96px}.fb-post-card{color:#e8effe;background:linear-gradient(160deg,#0d1a46 0%,#070e2a 100%);border:1px solid #4361ee47;border-radius:20px;width:100%;margin:0 auto 22px;padding:20px 22px;font-family:Inter,system-ui,sans-serif;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 4px 24px #0205148c,0 1px 2px #4361ee14,inset 0 1px #5b7bff1a}.fb-post-card:before{content:"";background:linear-gradient(90deg,#4361ee 0%,#7090ff 45%,#60a5fa73 80%,#0000 100%);border-radius:20px 20px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.fb-post-card:after{content:"";pointer-events:none;background:radial-gradient(at 0 0,#4361ee1f 0%,#0000 70%);border-radius:20px 0 0;width:180px;height:140px;position:absolute;top:0;left:0}.fb-post-card:hover{border-color:#5b7bff8c;transform:translateY(-4px);box-shadow:0 12px 40px #020514a6,0 0 0 1px #4361ee33,0 0 36px #4361ee2e}.fb-post-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.fb-post-author-info{align-items:center;gap:12px;display:flex}.fb-post-avatar{object-fit:contain;background:#05091ecc;border:2px solid #4361ee73;border-radius:50%;flex-shrink:0;width:44px;height:44px;box-shadow:0 0 14px #4361ee47}.fb-post-author-name{color:#fff;letter-spacing:.01em;align-items:center;gap:6px;font-family:Outfit,Inter,sans-serif;font-size:.9rem;font-weight:700;display:flex}.verified-badge-icon{color:#5b7bff;filter:drop-shadow(0 0 5px #4361eebf)}.fb-post-time{color:#6a85b5;letter-spacing:.03em;margin-top:2px;font-family:Outfit,Inter,sans-serif;font-size:.76rem;display:block}.fb-post-more-btn{color:#6a85b5;cursor:pointer;min-height:unset;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.fb-post-more-btn:hover{color:#8aa9ff;background:#4361ee24;border-color:#5b7bff47;transform:none}.fb-post-content{margin-bottom:16px}.fb-post-title{margin:0 0 12px;font-family:Outfit,Inter,sans-serif;font-size:clamp(.98rem,1.4vw,1.18rem);font-weight:700;line-height:1.35}.fb-post-title a{color:#fff;background:linear-gradient(135deg,#fff 0%,#b8d0ff 60%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;text-decoration:none;transition:filter .2s}.fb-post-title a:hover{filter:brightness(1.15)}.fb-post-category-tag{color:#8aa9ff;text-transform:uppercase;letter-spacing:.14em;background:#4361ee29;border:1px solid #5b7bff59;border-radius:999px;align-items:center;gap:5px;margin-bottom:13px;padding:4px 13px;font-family:Outfit,Inter,sans-serif;font-size:.7rem;font-weight:700;display:inline-flex}.fb-post-excerpt{color:#9aaed4;white-space:pre-wrap;margin-bottom:4px;font-size:.92rem;line-height:1.7}.fb-see-more-btn{color:#7090ff;cursor:pointer;min-height:unset;box-shadow:none;background:0 0;border:none;margin-bottom:10px;padding:0;font-family:inherit;font-size:.875rem;font-weight:700;transition:color .2s}.fb-see-more-btn:hover{color:#60a5fa;text-decoration:underline;transform:none}.fb-post-stats{color:#6a85b5;border-bottom:1px solid #4361ee26;justify-content:space-between;align-items:center;margin-bottom:11px;padding-bottom:11px;font-size:.82rem;display:flex}.fb-stat-left{align-items:center;gap:7px;display:flex}.fb-stat-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;display:flex}.fb-stat-icon-circle.like{background:linear-gradient(135deg,#4361ee,#5b7bff);box-shadow:0 0 10px #4361ee99}.fb-post-actions{margin:-2px 0 0}.fb-action-buttons-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.fb-action-buttons-grid form{margin:0}.fb-action-btn{color:#6a85b5;cursor:pointer;width:100%;min-height:unset;box-shadow:none;letter-spacing:.02em;background:#4361ee0d;border:1px solid #4361ee1f;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:10px 8px;font-family:inherit;font-size:.84rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.fb-action-btn:hover{color:#8aa9ff;box-shadow:none;background:#4361ee24;border-color:#5b7bff52;transform:none}.fb-action-btn.active{color:#7090ff;background:#4361ee29;border-color:#5b7bff61;box-shadow:0 0 12px #4361ee2e}.fb-action-btn:disabled{opacity:.5;cursor:wait}@media (width<=480px){.fb-post-card{border-radius:16px;padding:14px}.fb-action-buttons-grid{gap:4px}.fb-action-btn{padding:9px 4px;font-size:.78rem}}@media (width>=1920px){.fb-post-card{border-radius:24px;padding:26px 30px}.fb-post-avatar{width:52px;height:52px}.fb-post-title{font-size:1.3rem}.fb-post-excerpt{font-size:1.05rem}.fb-action-btn{padding:12px 10px;font-size:1rem}}