.styop{max-width:1100px;margin:22px auto;padding:24px;background:#fbf9ff;color:#241a32;border:1px solid #eee5fb;border-radius:24px;font:16px/1.55 Arial,sans-serif;box-sizing:border-box}.styop *{box-sizing:border-box}.styop a{color:inherit;text-decoration:none}.styop-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 2px 20px;border-bottom:1px solid #e9e0f3}.styop-brand{display:flex;align-items:center;gap:12px;min-width:160px}.styop-brand img{width:58px;height:58px;object-fit:contain;padding:5px;background:#23103d;border-radius:15px}.styop-brand strong{display:block;font-size:21px;letter-spacing:2px}.styop-brand small{display:block;color:#756980;font-size:11px}.styop-nav{display:flex;flex-wrap:wrap;gap:18px;color:#544760;font-size:14px}.styop-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;margin-top:22px}.styop-copy,.styop-art{min-height:300px;border-radius:22px;padding:32px}.styop-copy{background:linear-gradient(135deg,#35175b,#7350c7 62%,#cb61a6);color:#fff;display:flex;flex-direction:column;justify-content:center}.styop-kicker{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#f2d7ff}.styop-copy h1{font-size:clamp(38px,6vw,62px);line-height:1.02;margin:14px 0 12px;color:#fff}.styop-copy p{max-width:520px;color:#f5edff;margin:0 0 22px}.styop-btn{display:inline-block;align-self:flex-start;padding:12px 18px;border-radius:999px;background:#fff;color:#35175b!important;font-weight:bold}.styop-art{background:radial-gradient(circle at 75% 22%,#edb4dd 0,transparent 30%),linear-gradient(145deg,#dce8ff,#f4d7f0 55%,#c5a9f3);display:flex;align-items:flex-end}.styop-feature{width:100%;padding:22px;border-radius:18px;background:rgba(35,16,61,.88);color:#fff}.styop-feature small{color:#e8cfff;letter-spacing:1px}.styop-feature h2{margin:8px 0;font-size:28px;color:#fff}.styop-feature p{margin:0;color:#eee5f8}.styop-section{padding:26px 2px 4px}.styop-row{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px}.styop-row h2{font-size:25px;margin:0;color:#2c1d3c}.styop-muted{color:#786d81;font-size:14px}.styop-search{display:flex;gap:10px;padding:10px;border:1px solid #e5d9ef;border-radius:15px;background:#fff}.styop-search input{flex:1;min-width:0;border:0;outline:0;padding:10px;font-size:15px}.styop-search span{align-self:center;padding:9px 15px;border-radius:11px;background:#4b2a78;color:#fff;font-weight:bold}.styop-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.styop-chip{padding:8px 13px;background:#f0e8fa;border:1px solid #e7dcf2;border-radius:999px;color:#583b75;font-size:13px}.styop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.styop-card{overflow:hidden;border:1px solid #ece4f2;border-radius:18px;background:#fff}.styop-cover{height:145px;padding:16px;display:flex;align-items:flex-end;color:#fff;font-weight:bold;font-size:20px}.styop-cover.one{background:linear-gradient(135deg,#25144d,#7b4bb2 55%,#e092c6)}.styop-cover.two{background:linear-gradient(135deg,#082c52,#1383a0 55%,#8cd3dc)}.styop-cover.three{background:linear-gradient(135deg,#3b214e,#bd648b 55%,#f2bd8f)}.styop-card-body{padding:15px}.styop-card-body small{color:#8058a7;font-weight:bold;letter-spacing:.5px}.styop-card-body h3{margin:5px 0;color:#2c1d3c;font-size:19px}.styop-card-body p{margin:0;color:#746b7c;font-size:14px}.styop-latest{display:grid;gap:8px}.styop-chapter{display:flex;justify-content:space-between;gap:12px;padding:13px 15px;background:#fff;border:1px solid #eee6f3;border-radius:12px;color:#372847}.styop-chapter small{color:#807486}.styop-members{margin-top:25px;padding:20px;border-radius:18px;background:linear-gradient(110deg,#f0e9fc,#fcecf5);display:flex;justify-content:space-between;gap:15px;align-items:center}.styop-members h2{margin:0 0 4px;font-size:21px}.styop-members p{margin:0;color:#6f6278;font-size:14px}.styop-footer{text-align:center;padding:22px 4px 2px;color:#807486;font-size:13px} @media(max-width:720px){.styop{padding:15px;margin:8px auto}.styop-head{align-items:flex-start;flex-direction:column}.styop-nav{gap:10px 14px}.styop-hero{grid-template-columns:1fr}.styop-copy,.styop-art{min-height:250px;padding:24px}.styop-grid{grid-template-columns:1fr}.styop-row,.styop-members{align-items:flex-start;flex-direction:column}.styop-chapter{flex-direction:column;gap:2px}}