:root{--color-primary: #0f4f74;--color-primary-dark: #0b3b59;--color-accent: #f5b300;--color-accent-hover: #f3aa00;--color-border: #9abed6;--color-bg-page: #e7f3ff;--color-bg-card: #ffffff;--color-bg-muted: #f3f6fb;--color-text-main: #0b3b59;--color-text-muted: #64748b;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 4px 10px rgba(15, 23, 42, .08);--shadow-md: 0 10px 20px rgba(15, 23, 42, .12);--max-width: 1300px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg-page);color:var(--color-text-main)}main{width:100%}.section,.section-tight,.section-no-top{max-width:1300px;margin:0 auto;background:#e7f3ff}.section-marketplace{max-width:1566px;margin:40px auto 0;background:#e7f3ff}.section{padding:24px 16px}.section-tight{padding:0 16px 12px}.section-no-top{padding:0 16px 24px}.section-marketplace{padding:0 8px 8px}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;color:#1f4f68;margin-bottom:8px}button{font-family:inherit}.btn-primary{background:var(--color-accent);color:var(--color-primary-dark);border:none;border-radius:var(--radius-sm);padding:10px 18px;font-weight:800;cursor:pointer}.btn-primary:hover{background:var(--color-accent-hover)}.btn-outline{background:transparent;border:2px solid var(--color-border);color:var(--color-primary);border-radius:var(--radius-sm);padding:8px 16px;font-weight:600}input,select,textarea{font-family:inherit;border-radius:var(--radius-sm);border:2px solid var(--color-border);padding:8px 12px;font-size:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--color-border);box-shadow:0 0 0 3px #9abed673}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}@media (max-width: 780px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.grid-3,.grid-2{grid-template-columns:1fr}}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.text-center{text-align:center}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.hidden{display:none!important}