@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700;900&display=swap');

:root {
  --color-navy: #0b344f;
  --color-bg: #112339;
  --color-lime: #E7FF7A;
  --color-orange: #F26726;
  --color-green: #C1E304;
  --color-blue: #46a5e5;
  --color-blue-grey: #415063;
  --color-text-body: #CBD0CC;
}

body { font-family: "Barlow", Arial, sans-serif; margin: 0; padding: 0; background: var(--color-bg); color: var(--color-text-body); }
h1, h2, h3, h4, h5, h6 { font-weight: 900; text-transform: uppercase; color: var(--color-lime); }
h3, h4, h5, h6 { font-weight: 700; }

.members-container { max-width: 1200px; margin: 0 auto; padding: 20px; }
.members-header { background: var(--color-navy); color: var(--color-lime); padding: 20px; margin-bottom: 30px; }
.members-nav { background: var(--color-blue-grey); padding: 15px; margin-bottom: 20px; }
.members-nav a { margin-right: 20px; text-decoration: none; color: var(--color-lime); font-weight: bold; }
.members-nav a:hover { color: var(--color-orange); text-decoration: underline; }

.video-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; margin-top: 1em; }
.video-card { border: 1px solid var(--color-blue-grey); padding: 15px; border-radius: 5px; background: rgba(255,255,255,0.03); }

.statement-list { list-style: none; padding: 0; }
.statement-item { background: rgba(255,255,255,0.04); padding: 15px; margin-bottom: 10px; border-left: 4px solid var(--color-green); color: var(--color-text-body); }

.form-group { margin-bottom: 20px; }
.form-group label { display: block; margin-bottom: 5px; font-weight: bold; text-transform: uppercase; color: var(--color-green); }
.form-group input { width: 100%; padding: 10px; font-size: 16px; background: var(--color-blue-grey); color: white; border: 0; box-sizing: border-box; }
.form-group [type="submit"] {margin-top: 1em;}

.btn { text-decoration: none; background: var(--color-green); color: black; padding: 10px 20px; border: none; cursor: pointer; font-size: 16px; font-weight: bold; text-transform: uppercase; transition: background-color 0.3s ease; }
.btn:hover { background: var(--color-orange); }

.message { padding: 15px; margin-bottom: 20px; border-radius: 4px; }
.message.success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.message.error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }

.cf-footer { display: none; }
.admin-cp-results-container { overflow: scroll; max-height: 50vh; padding: 20px; border: 1px solid var(--color-blue-grey); margin-top: 1em; }
iframe.watch { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; margin-bottom: 1em; }