/* Theme Name: My Society Management
Version: 1.0.0
Description: A fresh community-first website for My Society Management.
Requires PHP: 7.4
*/
:root{--forest:#163f3a;--green:#326b52;--paper:#fafbf6;--lime:#dce9b1;--muted:#6b7d73;--line:#dde4d8;font-family:Arial,Helvetica,sans-serif;color:var(--forest);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button,a,summary{outline-offset:6px}a:focus-visible,summary:focus-visible{outline:3px solid #557a41}svg{display:block}.wrap{max-width:1280px;margin:auto;padding-left:54px;padding-right:54px}.header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.5px;font-size:20px;line-height:1.1}.logo small{display:block;font-size:10px;letter-spacing:3px;margin-top:6px;font-weight:500}.mark{height:45px;width:45px;border-radius:13px;background:var(--forest);color:var(--lime);display:grid;place-items:center}.mark svg{width:32px;height:32px}nav{display:flex;gap:30px;align-items:center;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--forest);color:white;border-radius:7px;padding:19px 24px;font-size:14px;font-weight:600;line-height:1.3;min-height:48px;transition:background .2s}.button:hover{background:#2d6651}.button.small{padding:14px 20px;gap:22px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;padding-top:56px;padding-bottom:72px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;display:inline-flex;align-items:center;gap:9px;line-height:1.6}.dot{width:6px;height:6px;border-radius:50%;background:#6a925b;display:inline-block}h1{font-size:clamp(48px,5.5vw,76px);font-weight:500;letter-spacing:-4px;line-height:1.07;margin:27px 0 26px}em{font-family:Georgia,serif;font-weight:400;color:#527853}.intro>p{max-width:410px;font-size:16px;line-height:1.8;color:var(--muted)}.actions{display:flex;align-items:center;gap:26px;margin:29px 0 14px}.text-link{font-size:12px;border-bottom:1px solid #aebcaa;padding:8px 0;display:inline-flex;gap:14px}.intro .fine{font-size:11px;color:#7b877c;line-height:1.7}.hero-bottom{display:flex;gap:12px;align-items:center;margin-top:36px;color:#76816f;font-size:11px;line-height:1.6}.hero-bottom strong{font-weight:500;color:var(--forest)}.tiny-mark{height:36px;width:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:24px}.visual{background:#edf0e3;border-radius:130px 130px 20px 20px;padding:38px 25px 24px;position:relative;min-height:530px}.visual-label{font-size:9px;letter-spacing:1.5px;text-align:center}.architecture{width:100%;height:auto;margin-top:8px}.sample{margin:-30px 2px 5px;position:relative;background:#fffefa;border:1px solid #dce3d4;border-radius:13px;padding:19px 21px;box-shadow:0 15px 25px #28422b0b}.sample-top{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;margin-bottom:12px}.sample-top small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:4px}.sample-icon{background:#eaf0dd;padding:8px;border-radius:50%;color:#4b7a4b}.sample-pill{margin-left:auto;font-size:7px;letter-spacing:1px;border:1px solid #dce5d3;border-radius:4px;padding:5px;color:#6a7e60}.sample-row{font-size:10px;display:flex;justify-content:space-between;border-top:1px solid #e8ebdf;padding-top:10px;margin-top:9px;color:#6b7d73}.sample-row strong{font-size:9px;font-weight:500;color:#446c42}.visual-caption{font-size:9px;display:block;text-align:center;margin-top:20px;color:#7c8a6d}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f0f3e8}.ribbon>div{display:flex;gap:20px;justify-content:space-between;padding-top:25px;padding-bottom:25px;font-size:11px;color:#61725e}.ribbon span:first-child{color:var(--forest);font-weight:600}.section{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}h2{font-size:46px;font-weight:400;line-height:1.12;letter-spacing:-2px;margin:20px 0 0}.section-heading>p{max-width:330px;line-height:1.8;font-size:14px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature-grid article{border-top:1px solid #cdd8c7;padding-top:20px}.feature-number{font-size:9px;letter-spacing:1.5px;color:#71836a}.feature-art{height:150px;border-radius:10px;background:#eef1e6;margin:20px 0 24px;display:flex;align-items:center;justify-content:center}.people span{width:62px;height:62px;display:grid;place-items:center;border:5px solid #eef1e6;border-radius:50%;background:#bdcda6;color:#36533c;font-family:Georgia,serif;font-size:20px;margin-left:-9px}.people span:nth-child(2){background:#e4c8ad}.people span:nth-child(3){background:#c6d7cd}.records{gap:16px}.records span{background:#fffdf4;border:1px solid #d4ddca;border-radius:6px;padding:15px;font-size:8px;line-height:2;letter-spacing:1px;transform:rotate(-5deg)}.records b{font-size:10px;letter-spacing:0;font-weight:500}.records i{font-size:20px;background:#dce9b1;padding:10px;border-radius:50%}.conversation{flex-direction:column;gap:10px}.conversation span{background:white;border-radius:10px 10px 10px 0;padding:12px 17px;font-size:11px;transform:translateX(-20px)}.conversation span+span{background:#d8e3ca;border-radius:10px 10px 0 10px;transform:translateX(10px)}h3{font-size:20px;font-weight:500;letter-spacing:-.6px}.feature-grid p{font-size:13px;line-height:1.85;color:var(--muted);max-width:300px}.community{background:#e9efdf;padding:75px 0}.community-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.community p{font-size:14px;color:#677963;line-height:1.85;max-width:430px;margin:24px 0}.community .button{margin-top:7px}.roles details{border-bottom:1px solid #c8d4bf;padding:24px 0}.roles summary{font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.roles summary::-webkit-details-marker{display:none}.roles details[open] summary span{transform:rotate(45deg)}.roles details p{font-size:13px;margin-bottom:0}.closing{text-align:center;padding-top:84px;padding-bottom:90px}.closing h2{font-size:50px}.closing .button{margin-top:30px}footer{border-top:1px solid var(--line);padding:38px 0 22px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p{font-size:12px;color:var(--muted)}footer nav{gap:22px;font-size:11px}.copyright{font-size:10px;color:#89927f;margin-top:36px}.skip{position:fixed;top:-100px;left:10px;padding:12px;background:white;z-index:10}.skip:focus{top:10px}@media(min-width:1500px){.hero{padding-top:70px;padding-bottom:90px}}@media(max-width:1000px){.wrap{padding-left:30px;padding-right:30px}.hero{gap:25px}h1{font-size:56px}.header nav{gap:18px}.actions{gap:16px;flex-wrap:wrap}.visual{min-height:480px;padding:35px 15px 20px}.sample-pill{display:none}.community-grid{gap:40px}.footer-inner>p{display:none}}@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.header{height:90px}.logo{font-size:16px}.logo small{font-size:8px;letter-spacing:2px}.mark{height:38px;width:38px}.header nav>a:not(.button){display:none}.button.small{padding:12px;gap:8px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:40px;gap:35px}h1{font-size:60px;letter-spacing:-3px}.intro>p{font-size:15px}.hero-bottom{margin-top:23px}.visual{max-width:470px;width:100%;margin:auto;min-height:0;padding:35px 22px 22px}.architecture{max-height:320px}.ribbon>div{flex-wrap:wrap;gap:16px;font-size:10px}.ribbon span{width:calc(50% - 8px)}.section{padding-top:55px;padding-bottom:50px}.section-heading{display:block}.section-heading>p{margin-top:20px}.feature-grid{grid-template-columns:1fr;gap:22px}.feature-art{height:160px}.feature-grid p{max-width:none}h2,.closing h2{font-size:39px}.community{padding:50px 0}.community-grid{grid-template-columns:1fr;gap:25px}.closing{padding-top:55px;padding-bottom:55px}.footer-inner{align-items:start;flex-direction:column;gap:25px}.footer-inner nav{flex-wrap:wrap}.copyright{line-height:1.8}.eyebrow{font-size:9px;letter-spacing:1.4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}