:root{
  --bg:#f7f4ef;--card:#ffffff;--text:#222531;--muted:#6d7385;--primary:#1d3557;--accent:#d95f42;--green:#248277;--border:#e6ddcf;--shadow:0 20px 55px rgba(18,25,38,.08);--radius:22px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#fffdf9 0%,var(--bg) 100%);color:var(--text)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 24px));margin:0 auto}
.topbar{position:sticky;top:0;z-index:50;background:rgba(29,53,87,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px}.brand{display:flex;align-items:center;gap:12px;color:#fff}.logo{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--primary);font-weight:900}.brand strong{display:block}.brand small{display:block;color:rgba(255,255,255,.72)}
.nav-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nav-links a,.nav-links button{background:transparent;border:0;color:rgba(255,255,255,.82);padding:10px 14px;border-radius:999px;cursor:pointer}.nav-links a:hover,.nav-links button:hover{background:#fff;color:var(--primary)}
.hero{padding:34px 0 18px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:32px;box-shadow:var(--shadow)}.hero-main{padding:34px}.chip{display:inline-flex;gap:8px;align-items:center;background:#eef7f5;color:var(--green);padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700}.hero-main h1{font-family:Georgia,serif;font-size:clamp(34px,5vw,66px);line-height:.95;margin:16px 0 14px;color:var(--primary)}.hero-main p{font-size:18px;line-height:1.7;color:#495163}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:14px;border:0;cursor:pointer;font-weight:700}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:#fff;border:1.5px solid var(--border);color:var(--primary)}.btn-accent{background:var(--accent);color:#fff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.stat{padding:14px;border:1px solid var(--border);border-radius:18px;background:#fff}.stat strong{display:block;font-size:28px;color:var(--primary)}.stat span{display:block;color:var(--muted);font-size:14px;line-height:1.5}
.hero-side{padding:22px;background:linear-gradient(180deg,rgba(29,53,87,.08),rgba(29,53,87,.86)),url('https://static.wixstatic.com/media/94643b_dbc9d5d30c554d2e8a9ff4535481056d~mv2.jpg/v1/crop/x_0%2Cy_0%2Cw_3000%2Ch_3391/fill/w_900%2Ch_1100%2Cal_c%2Cq_80%2Cusm_0.66_1.00_0.01%2Cenc_avif%2Cquality_auto/IMG_20190223_123112.jpg') center/cover no-repeat;min-height:520px;color:#fff;display:flex;align-items:flex-end}.hero-side h2{font-family:Georgia,serif;font-size:38px;margin:0 0 10px}.hero-side p{line-height:1.7;color:rgba(255,255,255,.88)}
section{padding:10px 0 26px}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--accent);font-weight:800}.title{font-family:Georgia,serif;font-size:clamp(30px,3vw,46px);color:var(--primary);margin:4px 0 0}.section-head p{color:var(--muted);line-height:1.7;max-width:760px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-box,.panel,.post,.event,.member-card,.footer-card{background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.info-box,.panel,.member-card{padding:20px}.info-box p,.member-card p{color:#51586a;line-height:1.7}
.posts,.events,.download-list,.user-list,.application-list{display:grid;gap:14px}.post,.event{overflow:hidden}.post-body,.event-body{padding:18px}.post-top{display:grid;grid-template-columns:180px 1fr;gap:0}.post img{width:100%;height:100%;object-fit:cover;min-height:180px}.meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:10px}.pill{padding:5px 9px;border-radius:999px;background:#f9ece8;color:var(--accent);font-weight:800}.private{background:#eef2ff;color:#4154c9}.post h4,.event h4,.member-card h4{margin:0 0 8px;color:var(--primary);font-size:22px}.post p,.event p{margin:0;color:#555d6e;line-height:1.7}
.events-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.event-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.field{display:grid;gap:6px;margin-bottom:12px}.field label{font-weight:700;font-size:14px;color:var(--primary)}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border-radius:14px;border:1.5px solid var(--border);background:#fff}.field textarea{min-height:110px;resize:vertical}
.small{font-size:13px;color:var(--muted)}
.inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hidden{display:none !important}.notice{padding:12px 14px;border-radius:14px;margin-bottom:14px;display:none}.notice.show{display:block}.notice.ok{background:#edf9f6;border:1px solid #cfeee6;color:#0f685f}.notice.err{background:#fff1f0;border:1px solid #ffd9d4;color:#a7332a}
.columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tab{padding:10px 14px;border-radius:999px;border:1px solid var(--border);cursor:pointer;background:#fff}.tab.active{background:var(--primary);border-color:var(--primary);color:#fff}
.download-item,.user-item,.application-item{padding:14px;border-radius:18px;border:1px solid var(--border);background:#fff}.download-item strong,.user-item strong,.application-item strong{display:block;color:var(--primary)}
.footer{padding:10px 0 32px}.footer-card{padding:18px 20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.modal{position:fixed;inset:0;background:rgba(10,14,22,.55);display:none;align-items:center;justify-content:center;padding:16px;z-index:100}.modal.open{display:flex}.modal-box{width:min(900px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:28px;padding:22px;border:1px solid var(--border);box-shadow:0 30px 80px rgba(0,0,0,.2)}
hr.sep{border:none;border-top:1px solid var(--border);margin:18px 0}
@media (max-width:980px){.hero-grid,.grid-2,.columns,.events-grid{grid-template-columns:1fr}.post-top{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.hero-side{min-height:340px}.nav-links{display:none}}