*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#1e293b}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:0 auto}.site-header{background:#0f172a;color:#fff;padding:18px 0}.nav-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{margin:0;font-size:26px}.tagline{margin:4px 0 0;color:#cbd5e1}.main-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.main-nav a{padding:10px 14px;border-radius:10px;color:#e2e8f0}.main-nav a.active,.main-nav a:hover{background:#1e293b}.hero{padding:56px 0;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.hero h2{font-size:42px;margin:10px 0}.hero p{font-size:18px;line-height:1.6}.hero-card,.card,.stat-card{background:#fff;color:#0f172a;border-radius:18px;box-shadow:0 12px 30px rgba(15,23,42,.08)}.hero-card{padding:20px}.hero-image{height:220px;border-radius:14px;background:linear-gradient(135deg,#cbd5e1,#94a3b8);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:26px}.content-preview-image{display:block;width:100%;max-width:100%;height:auto;max-height:320px;object-fit:cover;border-radius:14px;border:1px solid #cbd5e1;background:#e2e8f0}.public-content-image{margin-bottom:16px}.info-list{list-style:none;padding:0;margin:18px 0 0}.info-list li{padding:10px 0;border-bottom:1px solid #e2e8f0}.section{padding:36px 0}.page-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.badge{display:inline-block;background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.align-start{align-items:start}.card{padding:22px}.form-card label{display:block;margin:12px 0 6px;font-weight:700}.form-card input,.form-card select,.inline-form select{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}.button-row{display:flex;gap:10px;align-items:center;margin-top:16px}.button-row.wrap{flex-wrap:wrap}.btn{border:none;border-radius:12px;padding:11px 16px;font-weight:700;cursor:pointer;display:inline-block}.primary{background:#2563eb;color:#fff}.secondary{background:#e2e8f0;color:#0f172a}.danger{background:#dc2626;color:#fff}.nav-btn{background:#334155;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{padding:20px}.stat-card span,.stat-card small{display:block;color:#64748b}.stat-card strong{display:block;font-size:34px;margin:8px 0}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.top-gap{margin-top:20px}.top-gap-sm{margin-top:12px}.narrow-container{max-width:640px}.full-width{width:100%}.alert{padding:14px 16px;border-radius:14px;margin-top:14px}.alert-success{background:#dcfce7;color:#166534}.alert-error{background:#fee2e2;color:#991b1b}.alert-info{background:#e0f2fe;color:#075985}.muted{color:#64748b}.muted-box{background:#f8fafc;border:1px solid #e2e8f0;padding:14px;border-radius:14px}.inline-form{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.site-footer{padding:24px 0;text-align:center;color:#64748b}.code-inline,code{background:#0f172a;color:#f8fafc;padding:2px 6px;border-radius:6px}h2,h3,h4{margin-top:0}@media (max-width:900px){.hero-grid,.grid-2,.stats-grid{grid-template-columns:1fr}.nav-wrap{align-items:flex-start;flex-direction:column}.main-nav{width:100%}}
.filters-grid{display:grid;grid-template-columns:2fr 1fr auto;gap:16px;align-items:end}.align-end{align-items:end}.compact-card{padding:18px}.stats-grid-5{grid-template-columns:repeat(5,1fr)}@media (max-width:1100px){.stats-grid-5{grid-template-columns:repeat(2,1fr)}.filters-grid{grid-template-columns:1fr}}
.form-card textarea{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;resize:vertical;min-height:120px}.stack-grid{display:grid;grid-template-columns:1fr;gap:20px}.news-card p{line-height:1.7}.small-image{height:120px;font-size:14px;word-break:break-all;margin-bottom:12px}.event-register-form input{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}.stats-grid-7{grid-template-columns:repeat(7,1fr)}@media (max-width:1200px){.stats-grid-7{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.stats-grid-7{grid-template-columns:1fr}}

.brand-wrap{display:flex;align-items:center;gap:14px}.brand-logo-slot{width:56px;height:56px;display:flex;align-items:center;justify-content:center}.brand-logo{width:56px;height:56px;object-fit:contain;border-radius:14px;background:#fff;padding:6px}.brand-logo-placeholder{display:flex;align-items:center;justify-content:center;background:#1d4ed8;color:#fff;font-weight:700}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.content-card h3{margin:12px 0 8px}.content-card p{line-height:1.6}.meta-list{display:grid;gap:8px;color:#475569;font-size:14px;margin-top:12px}.square-image{aspect-ratio:1/1;height:auto;max-height:none;object-fit:cover}.section-soft{background:#eef4ff}.content-card .badge{margin-top:4px}.logo-area-note{font-size:13px;color:#cbd5e1}@media (max-width:1000px){.cards-grid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.cards-grid{grid-template-columns:1fr}.brand-logo-slot,.brand-logo{width:48px;height:48px}}
/* ===== Login/Auth UI patch ===== */
.auth-wrap {
    min-height: calc(100vh - 140px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 16px;
    background: #f5f7fb;
}

.auth-card {
    width: 100%;
    max-width: 420px;
    background: #ffffff;
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid #e5e7eb;
}

.auth-card h1 {
    margin: 0 0 8px;
    font-size: 28px;
    line-height: 1.2;
    color: #111827;
}

.muted {
    color: #6b7280;
    font-size: 14px;
    margin-bottom: 18px;
}

.stack-md > * + * {
    margin-top: 14px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group label {
    font-size: 14px;
    font-weight: 600;
    color: #374151;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    font-size: 15px;
    background: #fff;
    box-sizing: border-box;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.btn {
    display: inline-block;
    padding: 12px 16px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
}

.btn-primary {
    background: #2563eb;
    color: #ffffff;
}

.btn-primary:hover {
    background: #1d4ed8;
}

.btn-block {
    width: 100%;
}

.alert {
    padding: 12px 14px;
    border-radius: 10px;
    margin-bottom: 14px;
    font-size: 14px;
}

.alert-error {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.alert-success {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.auth-links {
    margin-top: 16px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.auth-links a {
    color: #2563eb;
    text-decoration: none;
    font-size: 14px;
}

.auth-links a:hover {
    text-decoration: underline;
}
/* ===== End Login/Auth UI patch ===== */