:root{--ink:#1e2c24;--olive:#526b51;--line:#bac8b6;--bg:#f6f7f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazir,Tahoma,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,.hero:focus-visible{outline:3px solid #d4ba6a;outline-offset:3px}.hero{min-height:650px;height:100vh;max-height:920px;background:url('/images/iranian-soldiers.png') center 45%/cover;position:relative;display:grid;place-items:center;color:white;text-align:center;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:#07180e78;z-index:-1;transition:background .45s,backdrop-filter .45s}.hero:hover:before,.hero:focus-within:before,.hero:focus-visible:before{background:#07180eb5;backdrop-filter:blur(3px)}.hero-content{padding:25px;opacity:.58;transform:translateY(10px);transition:opacity .45s,transform .45s}.hero:hover .hero-content,.hero:focus-within .hero-content,.hero:focus-visible .hero-content{opacity:1;transform:none}.eyebrow{color:#869d81;font-size:13px;font-weight:800;letter-spacing:.5px}.hero .eyebrow{color:#d0dfca}.hero h1{font-size:clamp(52px,8vw,106px);line-height:1.25;margin:18px 0;font-weight:800}.hero p{font-size:clamp(15px,2vw,20px);margin:0 0 32px;color:#e9eee8}.hero-link{color:#fff;text-decoration:none;border-bottom:1px solid #fff;padding-bottom:9px;font-weight:700}.hero-link span{margin-right:28px}.hero-hint{position:absolute;bottom:35px;font-size:12px;color:#ffffffbd}.chart-section{max-width:1500px;margin:auto;padding:100px 32px 105px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:52px}.section-head h2,.join-copy h2{font-size:clamp(30px,4vw,52px);margin:9px 0 0;line-height:1.4}.count{font-size:13px;color:#718073;font-weight:700;white-space:nowrap}.tree-scroller{overflow-x:auto;padding:0 0 20px;scrollbar-color:#b7c5b2 transparent}.tree{min-width:1050px;max-width:1320px;margin:auto}.root-card{text-align:center;width:140px;margin:auto;background:#344d3d;color:white;padding:20px 10px 16px;border-radius:22px}.person-avatar{width:58px;height:58px;margin:0 auto 9px;display:grid;place-items:center;border-radius:50%;background:#dce6d8;color:#405c43;font-size:25px;overflow:hidden}.person-avatar img{width:100%;height:100%;object-fit:cover}.root-card .person-avatar{background:#7d9978;color:white}.root-card strong,.member strong{display:block;white-space:normal;overflow-wrap:anywhere}.root-card small,.member small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.root-card small{font-size:11px;color:#c7d8c4}.tree-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;position:relative;padding-top:54px}.tree-row:before{content:'';position:absolute;top:27px;right:calc(6.25% - 2px);left:calc(6.25% - 2px);height:2px;background:var(--line)}.tree-row:after{content:'';position:absolute;top:0;right:50%;height:28px;width:2px;background:var(--line)}.tree-row+.tree-row{margin-top:26px}.member{text-align:center;position:relative;min-height:139px;padding:16px 6px;background:#edf2ea;border-radius:16px}.member:before{content:'';position:absolute;width:2px;height:27px;background:var(--line);top:-27px;right:50%}.member .person-avatar{width:52px;height:52px;font-size:22px}.member strong{font-size:13px}.member small{font-size:10px;color:#80917f;margin-top:4px}.member .comment{font-size:10px;color:#66796a;margin-top:5px}.member.empty{background:transparent;border:1px dashed #c7d3c4;color:#a0afa0}.member.empty .person-avatar{background:#e8eee6;color:#a9b8a8}.more-area{text-align:center;margin-top:40px}.more-area button{border:0;background:none;border-bottom:1px solid var(--olive);color:var(--olive);font-weight:800;padding:10px 0}.more-area span{margin-right:20px}.join-section{background:#e9efe8;padding:95px max(5vw,25px);display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.join-copy{max-width:440px}.join-copy p{color:#667669;line-height:2}.join-form{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;row-gap:18px}.field.full,.message,.submit-btn,.join-form input[name=__RequestVerificationToken]{grid-column:1/-1}.field label:not(.upload){display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input:not([type=file]),.field textarea{width:100%;border:0;border-bottom:1px solid #aebfac;background:transparent;padding:11px 0;color:var(--ink);resize:vertical;border-radius:0}.field input[dir=ltr]{text-align:right}.upload{display:flex;align-items:center;gap:12px;border-bottom:1px solid #aebfac;padding:8px 0;cursor:pointer}.upload span{font-size:28px}.upload b{font-size:13px}.upload small{font-size:11px;color:#748575;margin-right:auto}.message{min-height:20px;margin:0;color:#9a4d42;font-size:13px}.message.success{color:#457d50}.submit-btn{border:0;background:#35513d;color:white;padding:17px 21px;display:flex;justify-content:space-between;font-weight:800}.submit-btn:disabled{opacity:.6}footer{text-align:center;padding:30px;color:#859486;font-size:12px}footer span{margin:0 10px}@media(max-width:850px){.join-section{grid-template-columns:1fr;gap:35px}.chart-section{padding:70px 18px}.hero{height:85vh;min-height:540px}}@media(max-width:550px){.section-head{display:block}.count{display:block;margin-top:12px}.join-form{grid-template-columns:1fr}.field{grid-column:1/-1}.upload{flex-wrap:wrap}.upload small{width:100%;margin-right:0}.hero-content{opacity:1;transform:none}.hero:before{background:#07180ea6}}