:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eeeae3;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0b0c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#0b0b0c;min-width:320px}body{color:#eeeae3;background:radial-gradient(circle at 12% 0,#c9a66b14,#0000 28rem),radial-gradient(circle at 90% 20%,#ffffff09,#0000 24rem),#0b0b0c;min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;pointer-events:none;content:"";opacity:.22;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#app{width:min(1240px,100% - 40px);min-height:100vh;margin:0 auto}header,.navbar,nav{border-bottom:1px solid #ffffff14}header{justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:0 4px;display:flex}header a,nav a{color:#aaa59d;letter-spacing:.02em;font-size:.86rem;font-weight:600;transition:color .18s}header a:hover,nav a:hover{color:#eeeae3}header strong,.logo,.brand{color:#f3efe8;letter-spacing:.16em;font-size:1.05rem;font-weight:800}main{padding:70px 0 90px}section{margin-top:74px}.hero{border-bottom:1px solid #ffffff17;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:end;gap:48px;min-height:440px;padding:54px 0;display:grid;position:relative}.hero:after{content:"";background:#c9a66b;width:110px;height:1px;position:absolute;bottom:22px;right:0}.hero h1{color:#f5f1e9;letter-spacing:-.075em;max-width:760px;margin:0;font-size:clamp(3.2rem,8vw,7.6rem);font-weight:800;line-height:.92}.hero p{color:#aaa59d;max-width:590px;margin:28px 0 0;font-size:1.08rem;line-height:1.8}.hero-side{border-left:1px solid #c9a66b8c;align-self:center;padding:26px 0 26px 28px}.hero-side p{color:#c6c0b7;margin:0;font-size:.95rem}button,.button,.btn{color:#171513;background:#c9a66b;border:1px solid #c9a66bb3;border-radius:3px;min-height:44px;padding:0 19px;font-weight:750;transition:transform .18s,background .18s,border-color .18s}button:hover,.button:hover,.btn:hover{background:#dec28e;transform:translateY(-2px)}button:active,.button:active,.btn:active{transform:translateY(0)}button.secondary,.button.secondary,.btn.secondary,button.ghost,.button.ghost,.btn.ghost{color:#d2ccc3;background:0 0;border-color:#ffffff2e}button.secondary:hover,.button.secondary:hover,.btn.secondary:hover,button.ghost:hover,.button.ghost:hover,.btn.ghost:hover{color:#f3efe8;background:#ffffff0f;border-color:#ffffff59}.section-title,section h2{color:#f1ede6;letter-spacing:-.02em;justify-content:space-between;align-items:baseline;gap:20px;margin:0 0 22px;font-size:1.35rem;display:flex}.section-title:before,section h2:before{content:"";background:#c9a66b;width:22px;height:1px;margin-right:8px}.categories,.category-grid,.cards,.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.category,.category-card,.card,.topic-card,article{background:#171718b8;border:1px solid #ffffff1a;border-radius:4px;padding:24px;transition:border-color .18s,background .18s,transform .18s;position:relative;box-shadow:0 18px 50px #0000002e}.category:hover,.category-card:hover,.card:hover,.topic-card:hover,article:hover{background:#1f1e1de0;border-color:#c9a66ba6;transform:translateY(-4px)}.category h3,.category-card h3,.card h3,.topic-card h3,article h3{color:#f0ebe3;margin:0 0 10px;font-size:1.04rem}.category p,.category-card p,.card p,.topic-card p,article p{color:#96918a;margin:0;font-size:.9rem;line-height:1.7}.topic-list{gap:10px;display:grid}.topic-list>*,.topic-item{color:#ded9d1;border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:18px;padding:19px 22px;transition:background .18s,padding .18s;display:flex}.topic-list>:hover,.topic-item:hover{background:#ffffff09;padding-left:28px;padding-right:28px}.topic-list small,.topic-meta,.meta{color:#77736d;font-size:.76rem}form{background:#151516;border:1px solid #ffffff1a;border-radius:4px;gap:14px;max-width:560px;padding:28px;display:grid}label{color:#aaa59d;gap:7px;font-size:.85rem;font-weight:650;display:grid}input,textarea,select{color:#eeeae3;background:#0f0f10;border:1px solid #ffffff24;border-radius:3px;outline:none;width:100%;padding:13px 14px;transition:border-color .18s,box-shadow .18s}textarea{resize:vertical;min-height:130px}input:focus,textarea:focus,select:focus{border-color:#c9a66b;box-shadow:0 0 0 3px #c9a66b1f}.empty,.empty-state,.muted{color:#77736d;text-align:center;padding:34px 0}.error{color:#dec28e;background:#c9a66b14;border:1px solid #c9a66b73;border-radius:3px;padding:13px 16px}footer{color:#77736d;letter-spacing:.04em;border-top:1px solid #ffffff14;justify-content:space-between;gap:20px;padding:28px 0;font-size:.78rem;display:flex}@media (width<=820px){#app{width:min(100% - 28px,680px)}header{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 0}.hero{grid-template-columns:1fr;gap:28px;min-height:auto;padding:54px 0}.hero-side{padding:0 0 0 18px}.categories,.category-grid,.cards,.topic-grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero{align-items:end;min-height:520px;padding-bottom:70px}.hero h1{max-width:520px;font-size:clamp(2.6rem,5.5vw,5.4rem);line-height:.96}.hero p{color:#96918a;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:390px;margin-top:18px;font-size:.92rem;line-height:1.55;display:-webkit-box;overflow:hidden}.hero-side{align-self:end;max-width:270px;margin-bottom:4px}.hero-side p{font-size:.84rem;line-height:1.55}@media (width<=820px){.hero{min-height:430px;padding-bottom:38px}.hero h1{max-width:360px;font-size:clamp(2.7rem,14vw,4.8rem)}.hero p{max-width:300px}}.iraq-flag{z-index:0;opacity:.62;filter:drop-shadow(0 24px 30px #00000073);pointer-events:none;align-items:flex-start;width:250px;height:170px;display:flex;position:absolute;top:58px;right:2%;transform:rotate(-5deg)}.flag-pole{background:linear-gradient(#8d806c,#332f2a);width:3px;height:190px;margin-top:-8px;box-shadow:0 0 8px #c9a66b40}.flag-cloth{transform-origin:0;background:linear-gradient(#8b2928 0 33.33%,#e7e1d5 33.33% 66.66%,#171718 66.66% 100%);width:220px;height:132px;animation:3.8s ease-in-out infinite iraqFlagWave;position:relative;overflow:hidden;box-shadow:0 14px 28px #00000057}.flag-cloth:before{content:"";opacity:.28;mix-blend-mode:soft-light;background:repeating-linear-gradient(90deg,#0000 0 14px,#fff3 15px 17px,#0000 18px 30px);position:absolute;inset:0}.flag-cloth:after{content:"";mix-blend-mode:overlay;background:linear-gradient(90deg,#00000057,#0000 22%,#ffffff1c 48%,#0000 74%,#00000047);position:absolute;inset:0}.flag-cloth span{z-index:1;color:#49613f;white-space:nowrap;font-family:Segoe UI,Tahoma,sans-serif;font-size:1rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes iraqFlagWave{0%,to{border-radius:1px 0 2px 1px;transform:perspective(500px)rotateY(0)skewY(0)}50%{border-radius:1px 3px 4px 1px;transform:perspective(500px)rotateY(-13deg)skewY(2deg)}}@media (width<=820px){.iraq-flag{opacity:.35;transform-origin:100% 0;width:165px;height:112px;top:28px;right:0;transform:rotate(-5deg)scale(.72)}.flag-pole{height:155px}}@media (prefers-reduced-motion:reduce){.flag-cloth{animation:none}}.hero{isolation:isolate;position:relative;overflow:hidden}.iraq-flag{opacity:.32;transform-origin:100% 0;width:185px;height:130px;top:38px;right:26px;transform:rotate(-4deg)scale(.82)}.flag-pole{opacity:.8;height:155px}.flag-cloth{width:170px;height:102px}.flag-cloth span{font-size:.78rem}.hero>:not(.iraq-flag){z-index:2;position:relative}@media (width<=820px){.iraq-flag{opacity:.2;top:18px;right:4px;transform:rotate(-4deg)scale(.58)}.hero{padding-top:95px}}.brand-row{align-items:center;gap:14px;display:flex}.iraq-header-flag{opacity:.72;transform-origin:0;align-items:center;width:58px;height:32px;display:flex;transform:rotate(-3deg)}.iraq-header-cloth{background:linear-gradient(#8b2928 0 33.33%,#e7e1d5 33.33% 66.66%,#171718 66.66% 100%);width:58px;height:35px;animation:3.2s ease-in-out infinite headerFlagWave;position:relative;overflow:hidden;box-shadow:0 5px 14px #00000059}.iraq-header-cloth:after{content:"";background:linear-gradient(90deg,#0000004d,#0000 45%,#ffffff24,#0000 75%);position:absolute;inset:0}.iraq-header-cloth span{z-index:1;color:#49613f;white-space:nowrap;font-size:.36rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes headerFlagWave{0%,to{transform:perspective(240px)rotateY(0)skewY(0)}50%{transform:perspective(240px)rotateY(-14deg)skewY(2deg)}}@media (width<=600px){.brand-row{gap:9px}.iraq-header-flag,.iraq-header-cloth{width:45px}.iraq-header-cloth{height:28px}.iraq-header-cloth span{font-size:.29rem}}@media (prefers-reduced-motion:reduce){.iraq-header-cloth{animation:none}}.hero>.iraq-flag{display:none}.like-btn{color:#96918a;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:3px;align-items:center;gap:6px;min-height:36px;padding:0 14px;font-size:.85rem;font-weight:600;transition:all .18s;display:inline-flex}.like-btn:hover{color:#f3efe8;background:#c9a66b14;border-color:#c9a66ba6}.like-btn.liked{color:#c9a66b;background:#c9a66b1f;border-color:#c9a66ba6}.like-btn.small{min-height:30px;padding:0 10px;font-size:.78rem}.topic-card{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.topic-card-main{text-align:right;cursor:pointer;background:0 0;border:none;flex:1;padding:0;display:block}.topic-card-main h3{color:#f0ebe3;margin:0 0 10px;font-size:1.04rem}.topic-card-main p{color:#96918a;margin:0;font-size:.9rem;line-height:1.7}.topic-actions{gap:10px;margin-top:16px;display:flex}.reply-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.reply-header strong{color:#f0ebe3}.reply-header small{color:#77736d;font-size:.76rem}.reply .like-btn{margin-top:10px}.notification-btn{color:#d2ccc3;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:3px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 12px;font-size:1.1rem;transition:all .18s;display:inline-flex;position:relative}.notification-btn:hover{color:#f3efe8;background:#ffffff0f;border-color:#ffffff59}.notification-badge{color:#171513;background:#c9a66b;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-6px;left:-6px}.notification-list{gap:8px;display:grid}.notification-item{text-align:right;cursor:pointer;background:#171718b8;border:1px solid #ffffff17;border-radius:4px;align-items:flex-start;gap:14px;padding:16px 18px;transition:all .18s;display:flex}.notification-item:hover{background:#1f1e1de0;border-color:#c9a66ba6}.notification-item.unread{background:#c9a66b0f;border-color:#c9a66b59}.notification-icon{font-size:1.2rem}.notification-item p{color:#ded9d1;margin:0 0 4px;font-size:.92rem}.notification-item small{color:#77736d;font-size:.76rem}.messages-layout{grid-template-columns:280px 1fr;gap:20px;min-height:400px;display:grid}.conversation-list{align-content:start;gap:6px;display:grid}.conversation-item{text-align:right;cursor:pointer;background:#171718b8;border:1px solid #ffffff17;border-radius:4px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;transition:all .18s;display:flex}.conversation-item:hover{background:#1f1e1de0;border-color:#c9a66ba6}.conversation-item.active{background:#c9a66b1a;border-color:#c9a66ba6}.conversation-item strong{color:#f0ebe3;font-size:.95rem}.conversation-item small{color:#77736d;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.78rem;overflow:hidden}.unread-badge{color:#171513;background:#c9a66b;border-radius:10px;justify-content:center;align-self:flex-end;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:700;display:inline-flex}.message-view{background:#171718b8;border:1px solid #ffffff17;border-radius:4px;flex-direction:column;display:flex}.message-list{flex-direction:column;flex:1;gap:10px;max-height:400px;padding:20px;display:flex;overflow-y:auto}.message-bubble{border-radius:12px;max-width:75%;padding:12px 16px;font-size:.92rem;line-height:1.6}.message-bubble p{margin:0 0 6px}.message-bubble small{color:#77736d;font-size:.7rem}.message-bubble.sent{color:#171513;background:#c9a66b;border-bottom-right-radius:4px;align-self:flex-end}.message-bubble.sent small{color:#17151399}.message-bubble.received{color:#eeeae3;background:#ffffff14;border-bottom-left-radius:4px;align-self:flex-start}.message-form{border-top:1px solid #ffffff17;gap:10px;padding:16px;display:flex}.message-form input{flex:1}.message-form button{min-width:80px}@media (width<=820px){.messages-layout{grid-template-columns:1fr}.conversation-list{padding-bottom:8px;display:flex;overflow-x:auto}.conversation-item{min-width:160px}}.container{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.topic-card,.category-card,.notification-item{animation:.35s ease-out both slideUp}.topic-card:first-child{animation-delay:50ms}.topic-card:nth-child(2){animation-delay:.1s}.topic-card:nth-child(3){animation-delay:.15s}.topic-card:nth-child(4){animation-delay:.2s}.topic-card:nth-child(5){animation-delay:.25s}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.like-btn.liked{animation:.3s ease-out likePulse}@keyframes likePulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.notification-badge{animation:2s ease-in-out infinite badgeBounce}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.topic-card,.category-card,.notification-item,.conversation-item{transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.topic-card:hover,.category-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px #00000047}.message-bubble{animation:.25s ease-out both msgIn}.message-bubble:nth-child(2){animation-delay:50ms}.message-bubble:nth-child(3){animation-delay:.1s}.message-bubble:nth-child(4){animation-delay:.15s}.message-bubble:nth-child(5){animation-delay:.2s}@keyframes msgIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.hero h1{background:linear-gradient(135deg,#f5f1e9 0%,#c9a66b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.button.primary,button.primary{box-shadow:0 4px 18px #c9a66b40}.button.primary:hover,button.primary:hover{box-shadow:0 6px 24px #c9a66b66}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0b0b0c}::-webkit-scrollbar-thumb{background:#c9a66b4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c9a66b80}::selection{color:#171513;background:#c9a66b}:focus-visible{outline-offset:2px;outline:2px solid #c9a66b}@media (prefers-reduced-motion:reduce){.container,.topic-card,.category-card,.notification-item,.message-bubble{animation:none}.topic-card:hover,.category-card:hover{transform:none}}