:root{--portal-accent:#22d3ee;--portal-surface:#142c38;--portal-muted:#bed0da}
.portal-home,.portal-admin{max-width:1180px;margin:auto;padding:36px 24px;color:#eef6fa;font-family:Arial,sans-serif}
.portal-section{margin-bottom:48px}.portal-section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;flex-wrap:wrap}.portal-section-title h2{font-size:30px;margin:8px 0}.portal-section-title p,.portal-caption{color:var(--portal-muted);line-height:1.6}.portal-eyebrow{color:var(--portal-accent);font-size:11px;font-weight:700;letter-spacing:2px}
.portal-campaign{--campaign-color:#22d3ee;display:flex;gap:32px;align-items:center;background:linear-gradient(120deg,#172c3c,#203b49);border:1px solid #ffffff20;border-left:5px solid var(--campaign-color);border-radius:18px;padding:36px;margin:18px 0;overflow:hidden}.portal-campaign>div{flex:1;min-width:0}.portal-campaign h3{font-size:clamp(25px,3vw,40px);line-height:1.2;margin:18px 0}.portal-campaign p{color:#deebf2;line-height:1.8;white-space:normal;overflow-wrap:anywhere}.portal-campaign img,.portal-campaign video{width:42%;height:280px;object-fit:contain;border-radius:12px}.portal-tag{display:inline-block;color:var(--campaign-color);font-size:12px;letter-spacing:1.5px;font-weight:700}
.portal-action,.portal-like{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:9px;border:1px solid #65cde655;color:#e4faff;background:#173e4c;text-decoration:none;font-size:14px;font-weight:700;cursor:pointer;min-height:44px;box-sizing:border-box}.portal-action:hover,.portal-like:hover{background:#21576b}.portal-action:focus-visible,.portal-like:focus-visible{outline:3px solid #facc15;outline-offset:3px}.portal-like[aria-pressed=true]{color:#ffbed4;background:#502b41;border-color:#f472b6}.portal-like:disabled{opacity:.6;cursor:wait}
.portal-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.portal-post{border-radius:15px;background:var(--portal-surface);border:1px solid #ffffff18;overflow:hidden;align-self:start}.portal-post>img,.portal-post>video{display:block;width:100%;height:240px;object-fit:contain;background:#091821}.portal-post-body{padding:22px}.portal-post time{color:var(--portal-muted);font-size:12px}.portal-post h3{margin:12px 0;font-size:20px;overflow-wrap:anywhere}.portal-post p{color:#d3e0e8;line-height:1.7;overflow-wrap:anywhere;margin-bottom:22px}.portal-empty{padding:35px;border:1px dashed #6b8997;border-radius:14px;color:var(--portal-muted)}.portal-feedback{color:#fda4af;margin:12px 0}.portal-feedback:empty{display:none}.portal-pagination{display:flex;gap:12px;margin:24px 0}.portal-caption{font-size:12px}
body.portal-admin-page{margin:0;background:#0f2027}.portal-admin h1{font-size:32px}.portal-admin-nav{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.portal-form{background:var(--portal-surface);border:1px solid #ffffff20;padding:25px;border-radius:15px;margin:24px 0}.portal-form label{display:block;margin:16px 0 7px}.portal-form input:not([type=checkbox]),.portal-form select,.portal-form textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #63808e;border-radius:8px;background:#0c202b;color:#fff;font:inherit}.portal-form textarea{min-height:130px}.portal-form input[type=color]{height:48px}.portal-form .portal-action{margin-top:22px}.portal-admin-list{display:grid;gap:14px}.portal-admin-item{background:var(--portal-surface);padding:20px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.portal-admin-item h3{margin:5px 0}.portal-admin-item form{display:inline}.portal-notice{padding:16px;border:1px solid #63808e;border-radius:10px}.portal-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:900px){.portal-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-campaign{padding:24px;gap:20px}}
@media(max-width:600px){.portal-home,.portal-admin{padding:25px 16px}.portal-feed-grid,.portal-fields{grid-template-columns:1fr}.portal-campaign{flex-direction:column;align-items:stretch}.portal-campaign img,.portal-campaign video{width:100%;height:220px}.portal-section-title h2{font-size:26px}}