:root{--color-primary: #2ec5b6;--color-primary-dark: #16a7dc;--color-accent: #8ad64f;--color-bg: #dbe7e4;--color-bg-soft: #eef7f8;--color-text: #1d1d1f;--color-muted: #6b7280;--gradient-brand: linear-gradient(135deg, #8ad64f 0%, #2ec5b6 52%, #16a7dc 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .12);--radius: 12px;--radius-sm: 8px;--container: 1200px}*{box-sizing:border-box}html,body{height:100%;overflow-x:hidden}img,video,svg{max-width:100%;height:auto}body{margin:0;font-family:Open Sans,sans-serif;color:var(--color-text);background:var(--color-bg)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 16px}h1,h2,h3{margin:0 0 12px}p{margin:0 0 12px;color:var(--color-muted)}.button{display:inline-block;padding:12px 18px;background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#0d3f4b;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:var(--color-primary-dark)}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;transition:transform .14s ease,box-shadow .14s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.grid{display:grid;gap:16px}@media (min-width: 768px){.grid-3{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.grid-3{grid-template-columns:1fr}}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.attachments-scroll{scrollbar-width:thin;scrollbar-color:#2ec5b6 #f1f5f9}.attachments-scroll::-webkit-scrollbar{width:8px;height:10px}.attachments-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.attachments-scroll::-webkit-scrollbar-thumb{background:#2ec5b6;border-radius:8px}.attachments-scroll::-webkit-scrollbar-thumb:hover{background:#0f7f90}