{\rtf1\ansi\ansicpg1252\cocoartf2761
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
{\*\expandedcolortbl;;}
\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural\partightenfactor0

\f0\fs24 \cf0 :root \{\
    --hobama-red: #cc0000;\
    --black: #111111;\
    --white: #ffffff;\
    --gray-bg: #f8f9fa;\
    --border-color: #dee2e6;\
    --shadow-md: 0 4px 6px rgba(0,0,0,0.05);\
    --transition: all 0.2s ease-in-out;\
\}\
\
body \{\
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;\
    color: var(--black);\
    background: var(--white);\
    margin: 0;\
    padding: 0;\
    line-height: 1.5;\
\}\
\
header \{\
    background: var(--black);\
    color: var(--white);\
    padding: 15px 30px;\
    display: flex;\
    justify-content: space-between;\
    align-items: center;\
    position: sticky;\
    top: 0;\
    z-index: 100;\
\}\
\
.nav-brand \{\
    color: var(--white);\
    font-weight: 700;\
    text-decoration: none;\
    font-size: 1.1rem;\
    letter-spacing: 0.5px;\
\}\
\
.nav-links \{\
    list-style: none;\
    display: flex;\
    gap: 20px;\
    margin: 0;\
    padding: 0;\
\}\
\
.nav-links a \{\
    color: #ccc;\
    text-decoration: none;\
    font-size: 0.95rem;\
    transition: var(--transition);\
\}\
\
.nav-links a:hover \{\
    color: var(--white);\
\}\
\
.container \{\
    max-width: 900px;\
    margin: 40px auto;\
    padding: 0 20px;\
\}\
\
.campaign-box \{\
    background: var(--gray-bg);\
    border: 1px solid var(--border-color);\
    border-radius: 10px;\
    padding: 25px;\
    margin-bottom: 25px;\
\}\
\
/* Institutional Footer */\
.site-footer \{\
    background: var(--black);\
    color: #aaa;\
    padding: 40px 20px;\
    margin-top: 80px;\
    font-size: 0.9rem;\
\}\
.footer-inner \{\
    max-width: 900px;\
    margin: 0 auto;\
    display: flex;\
    align-items: center;\
    gap: 30px;\
\}\
.footer-logo-wrap img \{\
    width: 60px;\
    height: 60px;\
    border-radius: 50%;\
\}\
.footer-org-name \{\
    color: var(--white);\
    font-weight: 700;\
    margin-bottom: 5px;\
\}\
.footer-nav-row \{\
    display: flex;\
    gap: 15px;\
    margin-bottom: 8px;\
\}\
.footer-nav-row a \{\
    color: #aaa;\
    text-decoration: none;\
\}\
.footer-nav-row a:hover \{\
    color: var(--white);\
\}\
.footer-copy \{\
    font-size: 0.8rem;\
    color: #666;\
\}}